/*==============================
	GLOBALS
===============================*/
*
{
    font-family: Tahoma, Verdana, sans-serif;
}
body
{
    background: #FFF;
    margin: 0;
    padding: 0;
    color: #000;
    text-align: center;
    font-size: 70%;
}
table, img, div
{
    border: 0;
}
td
{
    vertical-align: top;
}
p
{
    margin: 0px 0px 10px 0px;
}
img, div
{
    behavior: url('/_layouts/1043/scripts/amarantis/iepngfix.htc');
}
a, a:link,a:active, a:visited
{
    color: #000;
    text-decoration: underline;
}
a:hover
{
    color: #89B611;
    text-decoration: underline;
}
a.intLink, a.intLink:link, a.intLink:active, a.intLink:visited
{
    background: url('/_layouts/Amarantis/AmaGreen/intlink.gif') 100% 4px no-repeat;
    display: inline-block;
    color: #000;
    text-decoration: underline;
    padding-right: 16px;
}
a.intLink:hover
{
    background-position: 100% -11px;
    color: #89B611;
}
h1
{
    color: #990000;
    font-family: Tahoma;
    font-size: 1.6em;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    line-height: normal;
}
h2
{
    color: #990000;
    font-family: Tahoma;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px;
}
h3
{
    color: #990000;
    font-family: Tahoma;
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
}
ul
{
    display: block;
    list-style: none;
    margin: 0px 0px 10px 10px;
    padding: 0px;
}
ul li
{
    background: url('/_layouts/Amarantis/AmaGreen/li.gif') 0 5px no-repeat;
    padding-left: 10px;
}
ul.noStyle
{
    margin-left: 0;
}
ul.noStyle li
{
    background: none;
    padding-left: 0px;
}
.hr
{
    background: url('/_layouts/Amarantis/AmaGreen/hr.gif') repeat-x;
    clear: both;
    height: 1px;
    margin: 10px 0;
    
}
.hr hr
{
    display: none;
}

/*==============================
	UITLIJNING
===============================*/
.clear
{
    clear: both;
    display: block;
}
.label
{
    display: inline-block;
    width: 150px;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.left.split, .right.split
{
    width: 49%;
}
.right.split
{
    margin: 0;
}
.cols2
{
    clear: both;
}
.cols2 .left
{
    margin-right: -50%;
    width: 100%;
}
.cols2 .left span
{
    float: left; /* ie */
}
.cols2 .right
{
    width: 50%;
}
.cols2 .right span
{
    margin: 0px 0px 0px 15px;
}

/* ff */
html > body .cols2 .left span
{
    display: table;
    float: none;
}

/*==============================
	UITLIJNING
===============================*/
.bodycontainer
{
    background: url('/_layouts/Amarantis/AmaGreen/bg-body.gif') 0 0 repeat-y;
    clear: both;
    margin: 0 auto;
    padding-left: 16px;
    position: relative;
    text-align: left;
    width: 952px; /* 920 + (2x 16px) */
}
.headercontainer
{
    height: 124px;
    position: relative;
    width: 920px;
}
.logocontainer
{
    position: absolute;
    left: 0px;
    height: 124px;
    width: 250px;
    z-index: 30;
}
.searchcontainer
{
    position: absolute;
    left: 250px;
    width: 670px;
    height: 40px;
}
.bannercontainer
{
    position: absolute;
    left: 250px;
    top: 40px;
    height: 84px;
    width: 670px;
    background-color: #FFF;
    background-repeat: no-repeat;
}
.maincontentcontainer
{
    height: 576px;
    width: 920px;
}
.payoffcontainer
{
    position: absolute;
    bottom: 24px;
    left: 16px;
    width: 907;
    height: 22px;
    text-align: right;
    z-index: 50;
}
.footercontainer
{
    clear: both;
    height: 19px;
    text-align: center;
    background: url('/_layouts/Amarantis/AmaGreen/bg-footer.gif') 0 100% repeat-x;
    color: #FFF;
    width: 920px;
    position: relative;
    z-index: 50;
}

/*==============================
	LOGO + SHADE
===============================*/
.logocontainer .logoShade
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 20;
    height: 135px;
    width: 255px;
    background: url('/_layouts/Amarantis/AmaGreen/logo-shade.png') 0 0 no-repeat;
    overflow: hidden;
}

/*==============================
	SERVICE MENU
===============================*/
.searchcontainer .servicemenu
{
    float: left;
    width: 460px;
    text-align: right;
    height: 32px;
    margin-top: 8px;
}
.searchcontainer .servicemenu SPAN
{
    float: right;
}
.searchcontainer .servicemenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.searchcontainer .servicemenu li
{
    background: none;
    padding: 0;
    float: left;
    line-height: 22px;
}
.searchcontainer .servicemenu li a
{
    margin: 0 10px;
}

/*==============================
	SEARCH CONTROL
===============================*/
.searchcontrol
{
    float: right;
    height: 32px;
    margin-top: 8px;
    margin-right: 10px;
    width: 200px;
}
.searchcontrol div.ms-sbcell
{
    float: left;
    width: auto;
    display: inline-block;
}
.searchcontrol div.ms-sbgo a
{
    display: inline-block;
    width: 70px;
    height: 22px;
    background: url('/_layouts/Amarantis/AmaGreen/btn-search.gif') 0 0 no-repeat;
    margin-left: 10px;
}
.searchcontrol div.ms-sbgo img
{
    display: none;
}
.searchcontrol .ms-input
{
    padding: 1px 5px;
    height: 22px;
    width: 100px;
}
.searchcontrol #SRSB
{
    float: right;
}

/*==============================
	NAVIGATIE
===============================*/
.maincontentcontainer .navigationcontainer
{
    background: #333 url('/_layouts/Amarantis/AmaGreen/bg-nav.gif') 0 0 repeat-x;
    position: absolute;
    left: 16px;
    top: 124px;
    width: 190px;
    height: 469px;
    overflow: hidden;
}
.maincontentcontainer .navigationcontainer ul
{
    margin: 10px 0px 70px 10px;
}
.maincontentcontainer .navigationcontainer li
{
    width: 160px;
    list-style: none;
    background: url('/_layouts/Amarantis/AmaGreen/hr-white.gif') 0 100% repeat-x;
    padding: 7px 0px 7px 0px;
    display: block;
}
.maincontentcontainer .navigationcontainer li a
{
    color: #FFF;
    font-size: 1.4em;
    width: 100%;
    display: block;
    text-decoration: none;
}
.maincontentcontainer .navigationcontainer li.selected a, .maincontentcontainer .navigationcontainer li a:hover
{
    color: #89B611;
    text-decoration: none;
}
.maincontentcontainer .navigationcontainer ul ul, .maincontentcontainer .navigationcontainer ul ul ul
{
    margin: 5px 0px 0px 0px;
}
.maincontentcontainer .navigationcontainer li li
{
    background: none;
    padding: 4px 3px 4px 0px;
}
.maincontentcontainer .navigationcontainer li li a, .maincontentcontainer .navigationcontainer li.selected li a
{
    color: #FFF;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 10px;
}
.maincontentcontainer .navigationcontainer li li.selected a, .maincontentcontainer .navigationcontainer li li a:hover
{
    background: #89B611;
    display: block;
    color: #FFF;
}
.maincontentcontainer .navigationcontainer li li li
{
    padding: 3px 3px 3px 0px;
}
.maincontentcontainer .navigationcontainer li li li a, .maincontentcontainer .navigationcontainer li li.selected li a
{
    font-size: 1em;
    font-weight: normal;
    background: none;
    margin-left: 20px;
}
.maincontentcontainer .navigationcontainer li li li.selected a, .maincontentcontainer .navigationcontainer li li li a:hover
{
    background: none;
    color: #89B611;
    text-decoration: none;
}

table.ms-recyclebin td a
{
    font-size: 0.9em;
    color: #89B611;
    padding-left: 5px;
}
table.ms-recyclebin td a:hover
{
    color: #89B611;
}

.maincontentcontainer .pagetitle
{
    display: none;
}

/*==============================
	BREADCRUMB
===============================*/
.maincontentcontainer .sitemappath
{
    position: absolute;
    top: 124px;
    left: 216px;
    font-size: 1em;
    height: 22px;
    width: 710px;
    line-height: 22px;
}
.maincontentcontainer .sitemappath a:link, .maincontentcontainer .sitemappath a:active, .maincontentcontainer .sitemappath a:visited
{
    color: #666;
    text-decoration: underline;
}
.maincontentcontainer .sitemappath a:hover
{
    color: #89B611;
}
.maincontentcontainer .sitemappath .last a:link,
.maincontentcontainer .sitemappath .last a:active,
.maincontentcontainer .sitemappath .last a:visited
{
    text-decoration: none;
}
.maincontentcontainer .sitemappath .last a:hover
{
    text-decoration: underline;
}

/*==============================
	CONTENT
===============================*/
.maincontentcontainer .contentcontainer
{
    position: absolute;
    top: 149px;
    left: 216px;
    width: 710px;
}

/*==============================
	FOOTER
===============================*/
.footercontainer ul
{
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
}
.footercontainer li
{
    float: left;
    position: relative;
    right: 50%;
    line-height: 19px;
    padding: 0px;
    background-image: none;
}
.footercontainer a:link, .footercontainer a:active, .footercontainer a:visited
{
    color: #FFF;
    margin: auto 10px;
}
.footercontainer a:hover
{
    text-decoration: underline;
}

/*==============================
	PAGELAYOUTS
===============================*/
.applicationpage .contentcontainer,
.contentpage1 .contentcontainer,
.contentpage2 .contentcontainer,
.overviewpage .contentcontainer,
.replypage .contentcontainer
{
    width: 710px;
    border: 1px #CCC solid;
}

.agendapage .contentcontainer .datacontainer,
.agendaoverviewpage .contentcontainer .datacontainer,
.contactpage .contentcontainer .datacontainer,
.newsoverviewpage .contentcontainer .datacontainer,
.newspage .contentcontainer .datacontainer,
.routepage .contentcontainer .datacontainer,
.sitemappage .contentcontainer .datacontainer,
.searchpage .contentcontainer .datacontainer,
.studymbopage .contentcontainer .datacontainer,
.studyvmbopage .contentcontainer .datacontainer,
.studyvopage .contentcontainer .datacontainer,
.studyoverviewpage .contentcontainer .datacontainer,
.suboverviewpage1 .contentcontainer .datacontainer,
.suboverviewpage2 .contentcontainer .datacontainer,
.suboverviewpage3 .contentcontainer .datacontainer,
.weblogoverviewpage .contentcontainer .datacontainer,
.weblogpage .contentcontainer .datacontainer,
.wiwoverviewpage .contentcontainer .datacontainer,
.wiwpage .contentcontainer .datacontainer
{
    float: left;
    width: 520px;
    border: 1px #CCC solid;
}
.agendapage .contentcontainer .webpartcontainer,
.agendaoverviewpage .contentcontainer .webpartcontainer,
.contactpage .contentcontainer .webpartcontainer,
.newsoverviewpage .contentcontainer .webpartcontainer,
.newspage .contentcontainer .webpartcontainer,
.routepage .contentcontainer .webpartcontainer,
.sitemappage .contentcontainer .webpartcontainer,
.searchpage .contentcontainer .webpartcontainer,
.studymbopage .contentcontainer .webpartcontainer,
.studyvmbopage .contentcontainer .webpartcontainer,
.studyvopage .contentcontainer .webpartcontainer,
.studyoverviewpage .contentcontainer .webpartcontainer,
.suboverviewpage1 .contentcontainer .webpartcontainer,
.suboverviewpage2 .contentcontainer .webpartcontainer,
.suboverviewpage3 .contentcontainer .webpartcontainer,
.weblogoverviewpage .contentcontainer .webpartcontainer,
.weblogpage .contentcontainer .webpartcontainer,
.wiwoverviewpage .contentcontainer .webpartcontainer,
.wiwpage .contentcontainer .webpartcontainer
{
    float: right;
    width: 180px;
    border:0px;
}
.surrounder 
{
    padding: 5px 0px 5px 0px;
    margin: 0px 5px 0px 5px;
}

/*==============================
	PAGELAYOUTS : CONTENTPAGE1
    PAGELAYOUTS : CONTENTPAGE2
===============================*/
.contentpage1 .datacontainer,
.contentpage2 .datacontainer,
.contentpage1 .webpartcontainer,
.contentpage2 .webpartcontainer
{
    width: 710px;
}
.contentpage1 .datacontainer .leftzone,
.contentpage2 .datacontainer .leftzone
{
    float: left;
    width: 49%;
}
.contentpage1 .datacontainer .rightzone,
.contentpage2 .datacontainer .rightzone
{
    float: right;
    width: 49%;
    overflow: hidden;
}
.contentpage1 .webpartcontainer,
.contentpage2 .webpartcontainer
{
    clear: both;
}
.contentpage1 .webpartcontainer .leftzone,
.contentpage2 .webpartcontainer .leftzone
{
    float: left;
    width: 49%;
}
.contentpage1 .webpartcontainer .rightzone,
.contentpage2 .webpartcontainer .rightzone
{
    float: right;
    width: 49%;
    overflow: hidden;
}

/*==============================
	PAGELAYOUTS : OVERVIEW
===============================*/
.overviewhr
{
    background: url("/_layouts/Amarantis/AmaGreen/hr.gif") repeat-x;
    height: 1px;
    margin: 10px 8px 10px 10px;
}
.overviewhr hr
{
    display: none;
}

/*==============================
	PAGELAYOUT: STUDYOVERVIEW
===============================*/
.opleidingoverzicht
{
    overflow: hidden;
    height: 100%;
}
.opleidingoverzicht-kolom
{
    float: left;
    width: 25%;
    border-right: 1px #CCC solid;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
}
.opleidingoverzicht-kolom.lastcolumn
{
    border-right: 0px;
    width: 24%;
}
.opleidingoverzicht-kolom span
{
    color: #990000;
    font-weight: bold;
    margin-left: 5px;
}
.opleidingoverzicht-kolom a:link,
.opleidingoverzicht-kolom a:active,
.opleidingoverzicht-kolom a:visited
{
    clear: both;
    color: #000;
    float: left;
    margin: 0px 5px 10px 5px;
    text-decoration: none;
}
.opleidingoverzicht-kolom a:hover
{
    color: #89B611;
    text-decoration: underline;
}

/*==============================
	PAGELAYOUT: STUDYMBOPAGE
    PAGELAYOUT: STUDYVMBOPAGE
    PAGELAYOUT: STUDYVOPAGE
===============================*/
.opleiding-item
{
    height: 20px;
}
.opleiding-title
{
    clear: both;
    float: left;
    font-weight: bold;
    width: 100px;
    margin-bottom: 5px;
}
.opleiding-value
{
    float: left;
}
.opleiding-text
{
    clear: both;
    padding-bottom: 10px;
}
.opleiding-links
{
    clear: both;
    padding: 0px;
    vertical-align: top;
    text-align: right;
}
.opleiding-links .link-left
{
    float: left;
}
.opleiding-links .link-right
{
    float: left;
    margin-left: 20px;
}

/*==============================
	PAGELAYOUT: SITEMAP
===============================*/
.sitemap td
{
    vertical-align: middle;
}
.sitemap td a:link, .sitemap td a:active, .sitemap td a:visited, .sitemap td a:hover
{
    font-size: 80%;
    text-decoration: underline;
    font-weight: bold;
    line-height: 28px;
    padding-left: 5px;
}
.sitemap td a:hover
{
    color: #000;
}

/*==============================
	PAGELAYOUT: WEBLOG
===============================*/
.weblogpage h1
{
    float: left;
}
.weblogpage .datefield
{
    line-height: 23px;
    font-style: italic;
}
.weblogpage .weblog-placecomments
{
    margin-top: 10px;
}
.weblogpage .weblog-placecomments input.comments-name,
.weblogpage .weblog-placecomments textarea.comments-reaction
{
    width: 250px;
    border: solid 1px #666;
}
.weblogpage .comment-button
{
    margin-bottom: 20px;
}

/*==============================
	PAGELAYOUT: WIE IS WIE
===============================*/
.wiwpage .wiw-itemphoto
{
    width: 75px;
    height: 100px;
    overflow: hidden;
}
.wiwpage .wiw-title
{
    clear: both;
    float: left;
    font-weight: bold;
    width: 100px;
}
.wiwpage .wiw-value
{
    float: left;
}

/*==============================
	PAGELAYOUT: SUBOVERVIEW1
    PAGELAYOUT: SUBOVERVIEW2
    PAGELAYOUT: SUBOVERVIEW3
===============================*/
.contentitems-open
{
    padding: 0px;
    margin: 0;
}
.contentitem-open
{
    clear: both;
}
.contentitem-open h3
{
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.contentitem-open img
{
    margin-right: 4px;
}

/*==============================
	WEBPARTS
===============================*/
.webpart_chrome
{
    border: 1px #CCC solid;
    height: 100%;
    padding: 5px;
}
.webpart_title
{
    color: #990000;
    font-size: 1.6em;
}
.webpartcontainer .snippet,
.webpartcontainer .webpart
{
    border: 1px #CCC solid;
}
.webpartcontainer .snippet
{
    padding: 10px;
}

/*==============================
	NIEUWSITEM
===============================*/
.newsitem-title h2 a:link,
.newsitem-title h2 a:active,
.newsitem-title h2 a:visited
{
    color: #000;
    text-decoration: none;
}
.newsitem-title h2 a:hover
{
    text-decoration: underline;
}
.newsitem-readmore a:link,
.newsitem-readmore a:active,
.newsitem-readmore a:visited
{
    color: #990000;
    text-decoration: none;
}
.newsitem-readmore a:hover
{
    text-decoration: underline;
}

/*==============================
	AGENDA ITEM
===============================*/
.agendaitem-title h2 a:link,
.agendaitem-title h2 a:active,
.agendaitem-title h2 a:visited
{
    color: #000;
    text-decoration: none;
}
.agendaitem-title h2 a:hover
{
    text-decoration: underline;
}
.agendaitem-readmore a:link,
.agendaitem-readmore a:active,
.agendaitem-readmore a:visited
{
    color: #990000;
    text-decoration: none;
}
.agendaitem-readmore a:hover
{
    text-decoration: underline;
}

/*==============================
	WEBPART: POLL
===============================*/
.poll-question {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.poll-question {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.poll-questions INPUT
{
    height: 16px;
}
.poll-questions LABEL
{
    height: 18px;
    line-height: 18px;
    vertical-align: top;
}
.poll-vote
{
    margin-top: 10px;
    margin-right: 20px;
    text-align: right;
}
.poll-chart
{
    margin-bottom: 2px;   
}
.poll-answer
{
    height: 14px;
    line-height: 14px;
}
.poll-answer-color
{
    height: 10px;
    width: 10px;
    display: inline-block;
}
.poll-answer-total
{
    margin-left: 10px;
}

/*==============================
	WEBPART: (V)MBO OPLEIDINGEN
===============================*/
.MboEducationSearchWebPart, .VmboEducationSearchWebPart
{
    background-color: #FFF;
    text-align: center;
}
.educationsearchcontrol
{
    margin: 0 auto;
    text-align: left;
    width: 90%;
}
.educationsearchcontrol .hr
{
    margin: 8px 0px 8px 0px;
}
.educationsearchcontrol SELECT
{
    width: 100%;
}
.educationsearchcontrol fieldset
{
    border: none;
    padding: 0px;
    margin: 5px 0px 0px 0px;
}
.educationsearchcontrol fieldset.buttons
{
    float: right;
}
.educationsearchcontrol fieldset.buttons a
{
    margin-right: 15px;
}

/*==============================
	WEBPART: HIGHLIGHTEDITEM
===============================*/
.highlighteditemcontrol .itemcontainer .linkcontainer
{
    margin-top: 10px;
}
.highlighteditemcontrol .itemcontainer .linkcontainer a:link,
.highlighteditemcontrol .itemcontainer .linkcontainer a:active,
.highlighteditemcontrol .itemcontainer .linkcontainer a:visited
{
    background: url('/_layouts/Amarantis/AmaGreen/intlink.gif') 100% 2px no-repeat;
    color: #990000;
    display: inline-block;
    padding-right: 16px;
}
.highlighteditemcontrol .itemcontainer .linkcontainer a:hover
{
    background-position: 100% -13px;
    color: #89B611;
}

/*==============================
	WEBPART: GOOGLE MAPS
===============================*/
#gmc-wrapper
{
    height: 80px;
}
#gmc-content
{
    float: left;
}
#gmc-image
{
    float: right;
    vertical-align: text-top;
}

/*==============================
	WEBPART: WHO IS WHO OVERVIEW
===============================*/
.wiw-overview-filter
{
    float: left;
    width: 70%;
    padding: 10px;
}
.wiw-overview-sort-left,
.wiw-overview-item
{
    clear: both;
    float: left;
    width: 47%;
    padding: 10px 0px 10px 10px;
}
.wiw-overview-sort-right,
.wiw-overview-altitem
{
    float: left;
    width: 47%;
    padding: 10px 0px 10px 10px;
}
.wiw-overview-itemphoto
{
    width: 75px;
    height: 100px;
    overflow: hidden;
}

/*==============================
	CONTACTFORM
===============================*/
.contactform
{
    padding-top: 15px;
}
.contactform .formRow
{
    clear: both;
    padding: 2px 0;
    height: 30px;
}
.contactForm .formRow span
{
    float: left;
    color: #990000;
    display: inline-block;
    width: 145px;
    font-weight: bold;
}
.contactForm .formRow input, .contactForm .formRow textarea, .contactForm .formRow select
{
    float: left;
    border: 1px #CCC solid;
    width: 240px;
}
.contactForm .formRow .checkbox input
{
    float: left;
    border: none;
    width: auto;
}
.contactForm .formRow .required
{
    float: right;
    width: 20px;
}
.contactForm div.buttons
{
    padding-top: 10px;
    padding-right: 22px;
    margin-bottom: 10px;
}
.contactForm td
{
    font-size: 0.9em;
}
.contactForm .errorSummary
{
    clear: both;
    display: inline-block;
    height: 50px;
}

/*==============================
	FACETED SEARCH
===============================*/
.ama-navsubmenu1
{
    width: 94%;
}
.ama-navsubmenu1 table
{
    border: 0px;
}
.ama-quicklaunch
{
    width: 80%;
    padding: 10px 10px 10px 3px;
}
.ama-quicklaunch a
{
    color: #990000;
    font-size: 0.9em;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    line-height: normal;
}
.ama-navheader img
{
    display: none;
}
.ama-navitem
{
    background-position: left center;
    padding-left: 0px;
    background-image: url('/_layouts/images/BLK_RGT.gif');
    padding-bottom: 4px;
    padding-top: 3px;
    background-repeat: no-repeat;
}
.ama-navitem a
{
    padding-left: 10px;
    font-size: 0.7em;
}
.ama-navitem span
{
    font-size: 0.7em;
    vertical-align: middle;
}
/*==============================
	FACETED SEARCH HELPTEKST
===============================*/


/*==============================
	PAGING
===============================*/
.ama-paging a
{
    padding-right: 10px;
}
.ama-paging-selected
{
    padding-right: 10px;
    font-weight: bold;
}

/*==============================
	GALLERY
===============================*//*
.galleria_wrapper
{
    width: 686px;
    overflow: hidden;
}

/*==============================
	RICH TEXT EDITOR
===============================*/

.richhtmlfield a:link,
.richhtmlfield a:active,
.richhtmlfield a:visited,
.opleidingen-text a:link,
.opleidingen-text a:active,
.opleidingen-text a:visited
{
    color: #000;
    text-decoration: underline;
}
.richhtmlfield a:hover,
.opleidingen-text a:hover
{
    color: #89B611;
    text-decoration: underline;
}



/*==============================
	BUTTONS
===============================*/
a.button, span.button, del.button, a.button2, span.button2, del.button2
{
    display: table-cell;
    display: inline-block;
    cursor: pointer;
    border: none;
    font-size: 0;
    line-height: 0; /* 	for Safari, read this first 	http://creativebits.org/webdev/safari_background_repeat_bug_fix 	*/
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 22px;
    text-decoration: none;
    color: #FFF;
    font-style: normal;
    margin: 0 3px 0px 0;
    padding: 0 3px 0 0;
    vertical-align: middle;
    padding-top: -2px;
    _position: relative;
    _width: 10px;
    _overflow-y: hidden;
    _margin: 0;
    min-width: 50px;
    text-align: center;
}
a.button, span.button, del.button, a.button span, span.button button, del.button span, a.button2, span.button2, del.button2, a.button2 span, span.button2 button, del.button2 span
{
    background-image: url('/_layouts/Amarantis/AmaGreen/buttons.png');
}
a.button span, span.button button, del.button span, a.button2 span, span.button2 button, del.button2 span
{
    white-space: nowrap;
    cursor: pointer;
    color: #FFF;
    display: -moz-inline-box;
    display: inline-block;
    letter-spacing: 0 !important;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-style: normal;
    background-color: transparent;
    background-position: 100% 0;
    background-repeat: no-repeat;
    line-height: 22px;
    padding: 0 10px 0 0;
    margin: 0 -16px 0 10px;
    border: none;
    vertical-align: text-top;
    zoom: 1;
    _position: relative;
    _padding-left: 0px;
    _padding-right: 10px;
    _margin-right: -10px;
    _display: block;
    _top: 0;
    _right: -5px;
    min-width: 50px;
    text-align: center;
}
span.button button, span.button2 button
{
    line-height: 2.5; /*Opera need this*/
}
html.safari a.button span, html.safari del.button span, html.safari a.button2 span, html.safari del.button2 span
{
    line-height: 1.3;
}
html.safari span.button button, html.safari span.button2 button
{
    line-height: 2.6;
}
html.safari a.button:focus, html.safari span.button button:focus, html.safari a.button2:focus, html.safari span.button2 button:focus
{
    outline: none;
}
del.button, del.button2
{
    /* cursor:not-allowed;	*/
    background-position: 0 -64px;
}
del.button span, del.button2 span
{
    cursor: default;
    color: #666 !important;
    background-position: 100% -64px;
}
span.button button, span.button2 button
{
    padding-top: 0px;
    line-height: 2.5; /*Opera need this*/
}
a.button:visited, a.button2:visited
{
    color: #FFF;
}
a.button:hover, span.button:hover, a.button:focus, a.dom-button-focus, span.button-behavior-hover, a.button2:hover, span.button2:hover, a.button2:focus, a.dom-button2-focus, span.button2-behavior-hover
{
    background-position: 0 -32px;
    color: #FFF;
    text-decoration: none;
}
a.button:hover span, span.button:hover button, a.button:focus span, span.button-behavior-hover button, a.button2:hover span, span.button2:hover button, a.button2:focus span, span.button2-behavior-hover button
{
    background-position: 100% -32px;
}
a.button:active, a.button:focus span, a.button2:active, a.button2:focus span
{
    color: #FFF;
}
del.button-behavior-hover, del.button:hover, del.button2-behavior-hover, del.button2:hover
{
    background-position: 0 -64px; /* cursor:not-allowed; */
}
del.button-behavior-hover span, del.button:hover span, del.button2-behavior-hover span, del.button2:hover span
{
    background-position: 100% -64px; /* cursor:not-allowed; */
}
/*Optional hack for IE6 to simulate :hover selector*/
span.button button, del.button span, span.button2 button, del.button2 span
{
    _behavior: expression( 		(function(el){ 			if( typeof( behavior_onMouseEnter) == 'undefined'){ 				 				behavior_onMouseEnter = function(el){ 					 					var dEl = this.parentNode ;					 					var sClass = dEl.className ; 					dEl.__defaultClassName = sClass ; 					dEl.className = sClass + ' button-behavior-hover';	 					this.setCapture(); 				}; 				behavior_onMouseLeave = function(el) { 					var dEl = this.parentNode; 					dEl.className = dEl.__defaultClassName ; 					dEl.__defaultClassName = undefined; 					this.releaseCapture(); 				}; 			}; 			 			 			el.runtimeStyle.behavior = 'none'; 			el.onmouseenter = behavior_onMouseEnter; 			el.onmouseleave = behavior_onMouseLeave; 			 			 		})(this));
}

/*==============================
	SHAREPOINT OVERRIDES
===============================*/
.srch-stats, .srch-Page
{
    background-color: #FFF !important;
}
.ms-MenuUIPopupBody
{
    z-index: 1000 !important;
}