/*

    http://www.synantics.nl - Stylesheet 'Blueberry & Vanilla Icecream'
    
    This is a global stylesheet containing all style information for the new
    Synantics website. The frontpage and subpages have a different class for
    the body element, 'fp' and 'sp', instead of two seperate css files.
    
    - Arjan Wekking (a.wekking@synantics.nl)
    
    Workarounds & Quirks:

    * PNG alpha channel support in IE is emulated with "behavior:
    url(/css/pngalpha.htc);" rules. The img element's src attribute is
    replaced with /img/blank.gif and the png applied as an Alpha channel
    thru directx filters. It is imperative that images that have this
    behaviour have their width and height set in the img tag or in css
    rules, else the image is resized to the blank.gif's dimensions.
    * All layout boxes have two stylesheet rules; one for the box itself
    (size, background, margins, etc) and another for it's contents (padding,
    font, etc) in order to work around the wrong interpretation of the IE
    box model.
    * Childs of boxes with opacity set have a relative position of 0,0 in
    order to reset their opacity in IE. Mozilla simply has to multiply the
    previous opacity in order to reach an opacity value of 1,0 again.

*/


/* Global rules */

html
{
    padding: 0px;
    margin: 0px;
    height: inherit;
    width: inherit;
}

body
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    width: inherit;
    height: inherit;
    background-color: #F8F7F3;
}

table
{
    font-size: 11px;
}

td
{
    vertical-align: top;
    font-size: 11px;
}

table#layouttable
{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

table#layouttable tr
{
    padding: 0px;
    margin: 0px;
}

table#layouttable td
{
    padding: 0px;
    margin: 0px;
}

strong
{
    color: #85754E;
}

a
{
    font-weight: bold;
    text-decoration: none;
}

abbr, acronym
{
    border-bottom: 1px dotted #000;
    cursor: help;
}

a:hover
{
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, h7
{
    font-size: 12px;
    color: #213051;
    margin: 0px;
    margin-top: 1.25em;
    margin-bottom: 0.75em;
}

h1
{
    display: none;
}

p
{
    margin: 0px;
    margin-bottom: 0.75em;
}

ul
{
    margin: 0px;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    padding: 0px;
    padding-left: 1.5em;
    
}

li
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 0.25em;
    list-style: disc outside;
}

li img.header
{
    position: relative;
    top: 3px;
    margin: 0px;
    margin-bottom: 1px;
}

img
{
    border: 0px none;
}

img.header
{
    display: block;
    position: relative;
    left: -1px;
    margin: 0px;
    margin-bottom: 0.75em;
}

form.large
{
    margin: 0px;
    width: 400px;
    margin-bottom: 0.75em;
    padding: 10px;
    border: 1px solid #CFC8B6;
    background-color: #EEEADF;
    text-align: right;
}

form.large div.header .title
{
    float: left;
    text-align: left;
}

form.large div.header .title
{
    font-weight: bold;
    color: #85754E;
}

form.large .unacceptable input,
form.large .unacceptable textarea,
form.large .unacceptable select
{
    background-color: #E5ECFF;
}

form.large .Input,
form.large .Upload,
form.large .TextArea,
form.large .Select,
form.large .Select1
{
    margin: 0px;
    margin-bottom: 0.25em;
    text-align: left;
}

form.large .Input input,
form.large .TextArea textarea
{
    display: block;
    width: 100%;
    margin: 0;
}

form.large .TextArea textarea
{
    height: 6em;
}

form.large label.title
{
    display: block;
    font-weight: bold;
    color: #61678C;
    margin-bottom: 1px;
}

.required-example
{
    font-weight: bold;
}

.required-example:after, form.large .required label.title:after
{
    content: " *";
}

.required-example, form.large .required label.title
{
    color: #202E4E !important;
}

form.large .choices
{
    
}

form.large .Select .choices input,
form.large .Select1 .choices input
{
    margin: 0px;
}

form.large .Select .choices label,
form.large .Select1 .choices label
{
    vertical-align: 32%;
}

.blocklink
{
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #A79873;
    text-transform: lowercase;
}

.blocklink a, .blocklink a:visited
{
    color: #69779E;
}

body #header
{
    width: 100%;
    background-color: #384669;
    cursor: default;
}

body #header .c1
{
    background-color: #27375B;
}

body #header .c2
{
    text-align: left;
    background-color: #384669;
    padding: 0px;
    margin: 0px;
}

body #header .c3
{
    background-color: #27375B;
}

body #menubar
{
    width: 100%;
    height: 21px;
    background-color: #202E4E;
}

body #menubar .c1
{
    height: inherit;
    background-color: #081C39;
}

body #menubar .c2
{
    height: inherit;
    text-align: left;
    padding: 1px;
    margin: 0px;
}

body #menubar .c3
{
    height: inherit;
    background-color: #081C39;
}

body #menubar #menu
{
    display: block;
    white-space: nowrap;
    height: 19px;
    overflow: hidden;
}

body #menubar .menuflap
{
    z-index: 2;
    display: block;
    visibility: hidden;
    position: absolute;
    height: auto;
    width: 400px;
    color: #F1FFFF;
    cursor: default;
    border-bottom: 1px solid #C3B79B;
    border-right: 1px solid #C3B79B;
}

body #menubar .menuflap .body
{
    display: block;
    width: auto;
    height: auto;
    padding: 6px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #515E82;
    border-left: 1px solid #213051;
    border-right: 1px solid #213051;
}

body #menubar .menuflap .body .content
{
    display: block;
    width: auto;
    padding-bottom: 4px;
}

body #menubar .menuflap .body a.footer, body #menubar .menuflap .body span.footer
{
    display: list-item;
    list-style: disc inside;
    font-weight: normal;
    text-transform: lowercase;
}

body #menubar .menuflap .body span.footer
{
    color: #E2E8F9;
}

body #menubar .menuflap .body a.footer em
{
    font-weight: bold;
    font-style: normal;
}

body #menubar .menuflap .optionbar
{
    display: block;
    width: auto;
    height: auto;
    background-color: #213051;
}

body #menubar .menuflap .optionbar .disabled img, body #menubar .menuflap .optionbar .closed img, body #menubar .menuflap .optionbar .opened img
{
    width: 100%;
    height: 20px;
}

body #menubar .menuflap .optionbar .disabled
{
    background-image: url(/img/menu_button_direct-gaan-naar_disabled.gif);
    background-position: left;
    background-repeat: no-repeat;
}


body #menubar .menuflap .optionbar .closed
{
    background-image: url(/img/menu_button_direct-gaan-naar_closed.gif);
    background-position: left;
    background-repeat: no-repeat;
}

body #menubar .menuflap .optionbar .opened
{
    background-image: url(/img/menu_button_direct-gaan-naar_opened.gif);
    background-position: left;
    background-repeat: no-repeat;
}

body #menubar .menuflap .optionlist
{
    display: block;
    width: auto;
    height: auto;
    visibility: hidden;
}

body #menubar .menuflap .optionlist .option
{
    display: list-item;
    list-style: disc inside;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 4px;
    color: #F2FFFF;
    font-weight: normal;
    text-decoration: none;
    background-color: #455275;
    border: 1px solid #213051;
    border-top: 0px solid #213051;
    text-transform: lowercase;
}

body #menubar #menu .current, body #menubar .menuflap .optionlist .current
{
    color: #E2E8F9;
    background-color: #515E82;
}

body #menubar .menuflap .optionlist a em, body #menubar .menuflap .optionlist .current em
{
    font-style: normal;
    font-weight: bold;
}

body #menubar .menuflap .optionlist a:hover, body #menubar .menuflap .optionlist a:hover div.option
{
    color: #FFFDD4;
    background-color: #C8B790;
    text-decoration: none;
}

body #menubar #menu .seperator
{
    float: left;
    display: block;
    height: auto;
    width: auto;
    margin: 0px;
    line-height: 1.5em;
    color: #6A779C;
}

body #menubar #menu .closed, body #menubar #menu .opened
{
    float: left;
    display: block;
    height: 1.7em;
    width: auto;
}

body #menubar #menu .opened
{
    background-color: #C8B790;
}

body #menubar #menu .closed a, body #menubar #menu .opened a
{
    padding: 0px;
    line-height: 18px;
    color: #F2FFFF;
    font-weight: bold;
    text-decoration: none;
}

body #menubar #menu a
{
    z-index: 4;
    position: relative;
    text-transform: lowercase;
}

body #menubar #menu .opened a
{
    color: #FFFDD4;
}

body #body
{
    width: 100%;
    height: 100%;
}

body #body .c1
{
    height: inherit;
}

body #body .c2
{
    height: inherit;
    padding: 40px;
    padding-top: 35px;
    background-color: #F8F7F3;
}

body #body .c3
{
    height: inherit;
}

body #body img.underline-horizontal,
body #body img.separator-horizontal
{
    display: block;
    height: 1px;
    width: 100%;
    margin: 0px;
    margin-top: 0.1em;
    margin-bottom: 1.5em;
}

body #body #quicklinks
{
    float: right;
    text-align: right;
    width: 180px;
    margin: 0px;
    margin-left: 25px;
    margin-bottom: 10px;
    cursor: default;
}

body #body #quicklinks .title
{
    position: relative;
    left: 2px;
}

body #body #quicklinks .icon
{
    position: relative;
    top: 7px;
    z-index: 1;
}

body #body #quicklinks .group
{
    margin: 0px;
    margin-bottom: 5px;
    background-color: #FBFAF8;
    
    height: auto;
    width: 180px; 
}

body #body #quicklinks .group,
body #body #quicklinks .triggers .button
{
    border: 1px solid #DED7CC;
}

body #body #quicklinks .group:hover,
body #body #quicklinks .triggers .button:hover
{
    border: 1px solid #7F8CAC;
}

body #body #quicklinks .group .contents
{
    position: relative;
    padding: 7px;
    padding-top: 6px;
    color: #9F8F6A;
    text-align: right;
    line-height: 12px;
    text-transform: lowercase;
}

body #body #quicklinks .group .title
{
    margin: 0px;
    margin-bottom: 0.1em;
}

body #body #quicklinks .group .description
{
    font-size: smaller;
    margin: 0px;
    margin-top: -0.2em;
    margin-right: 0.80em;
    margin-bottom: 0.25em;
}

body #body #quicklinks .triggers .button
{
    display: block;
    width: 180px;
    margin-bottom: 5px;
}

body #body #breadcrumbs
{
    color: #9F8F6A;
    font-size: 11px;
    text-transform: lowercase;
    line-height: 1.5em;
    margin: 0px;
    cursor: default;
}

body #body #breadcrumbs a, body #body #breadcrumbs .current
{
    white-space: nowrap;    
    font-weight: bold;
}

body #body #breadcrumbs .current
{
    color: #85795D;
}

body #footer
{
    height: 20px;
    width: 100%;
    color: #F2FFFF;
    background-color: #425178;
}

body #footer .c1
{
    height: inherit;
    background-color: #384669;
}

body #footer .c2
{
    width: auto;
    height: inherit;
    text-align: left;
}

body #footer .c3
{
    height: inherit;
    background-color: #384669;
}



/* Color scheme 1 (dark on light) */

.scheme1
{
    color: #000000px;
}

.scheme1 a
{
    color: #445275;
}

.scheme1 a:hover
{
    color: #6A779C;
}



/* Color scheme 2 (light on dark)*/

.scheme2
{
    color: #F2FFFF;
}

.scheme2 a
{
    color: #FFFDD4;
}

.scheme2 a:hover
{
    color: #F9FFFF;
}



/* Frontpage rules */

body.frontpage
{
    background-image: url(/img/background_body_medium.jpg);
    background-position: -147px -242px;
    background-repeat: no-repeat;
    background-color: #EFEAE1;
}

body.frontpage #pageillustration
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 410;
    height: 280;
    behavior: url(/css/pngalpha.htc);
}

body.frontpage #header
{
    height: 100px;
}

body.frontpage #header .c1
{
    width: 20px;
    height: inherit;
}

body.frontpage #header .c1 img.spacer
{
    width: 20px;
    height: 100px;
}

body.frontpage #header .c2
{
    height: inherit;
    text-align: left;
    background-image: url(/img/background_header_medium.jpg);
    background-position: -147px -272px;
    background-repeat: no-repeat;
}

body.frontpage #header .c2 img#pagetitle
{
    width: 565;
    height: 100;
    behavior: url(/css/pngalpha.htc);
}

body.frontpage #header .c3
{
    width: 50px;
    height: inherit;
}

body.frontpage #header .c3 img.spacer
{
    width: 50px;
    height: 90px;
}

body.frontpage #menubar
{
    width: 100%;
    height: 21px;
}

body.frontpage #menubar .c1
{
    width: 20px;
    height: inherit;
}

body.frontpage #menubar .c3
{
    width: 50px;
    height: inherit;
}

body.frontpage #menubar .menuflap
{
    left: 20px;
    top: 121px;
}

body.frontpage #body .c1
{
    width: 20px;
}

body.frontpage #body .c2
{
    padding: 30px;
    padding-top: 27px;
    background-image: url(/img/background_body_light.jpg);
    background-position: -167px -362px;
    background-repeat: no-repeat;
}

body.frontpage #body .c3
{
    width: 50px;
}

body.frontpage #body img.separator-horizontal
{
    margin-top: 1em;
    margin-bottom: 1em;
}

body.frontpage #body #introduction
{
    height: auto;
    margin-right: 300px;
}

body.frontpage #body #content
{
    height: auto;
    
}

body.frontpage #body #content .sellingpoints
{
    margin-bottom: 1.333em;
}

body.frontpage #body #content .sellingpoints em
{
    color: #9C8F6F;
    font-style: normal;
    font-weight: bold;
    line-height: 11px;
}

body.frontpage #body #quicklinks
{
    width: 270px;
}

body.frontpage #body #quicklinks .group
{
    width: 270px;
}

body.frontpage #body #quicklinks .group .contents
{
    padding: 0px;
}

body.frontpage #body #quicklinks .group .contents img.banner
{
    position: relative;
    margin-right: -30px;
    behavior: url(/css/pngalpha.htc);
    border: 0px none;
}

body.frontpage #domaincheck
{
    height: 40px;
    width: 100%;
    color: #F2FFFF;
    background-color: #384669;
    cursor: default;
}

body.frontpage #domaincheck .c1
{
    width: 20px;
    height: inherit;
    background-color: #27375B;
}

body.frontpage #domaincheck .c2
{
    width: auto;
    height: inherit;
    text-align: right;
    whitespace: nowrap;
}

body.frontpage #domaincheck .c3
{
    width: 50px;
    height: inherit;
    background-color: #27375B;
}

body.frontpage #domaincheck .explanation
{
    float: right;
    display: block;
    color: #CACFE0px;
    font-size: 9px;
    line-height: 1em;
    margin: 0px;
    padding: 11px;
    padding-right: 0px;
    padding-bottom: 13px;
    white-space: nowrap;
}

body.frontpage #domaincheck form
{
    float: right;
    display: block;
    margin: 0px;
    padding: 5px;
    text-align: left;
    
}

body.frontpage #domaincheck img.header
{
    position: relative;
    top: -15px;
    left: 170px;
    margin-left: -164;
    margin-bottom: -10px;
}

body.frontpage #domaincheck form input.text
{
    height: 20px;
    width: 110px;
    background-color: #6A779C;
    border: 1px solid #152645;
    font-size: 11px;
    padding-top: 2px;
    padding-left: 4px;
    margin: 5px;
    color: #FFFFFF;
}

body.frontpage #domaincheck form input.text:focus
{
    background-color: #7784AA;
}

body.frontpage #domaincheck form input.button
{
    height: 20px;
    margin: 5px;
    border: 1px solid #152645;
    background-color: #C8B790;
    font-size: 9px;
    color: #081C39;
}

body.frontpage #domaincheck form input.button:hover
{
    background-color: #D4C59D;
}

body.frontpage #footer .c1
{
    width: 20px;
}

body.frontpage #footer .c3
{
    width: 50px;
}







/* Sub-page rules */

body.subpage
{
    background-image: url(/img/background_body_medium.jpg);
    background-position: -147px -272px;
    background-repeat: no-repeat;
    background-color: #EFEAE1;
}

body.subpage #pageillustration
{
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 250px;
    height: 160px;
    behavior: url(/css/pngalpha.htc);
}

body.subpage #header
{
    height: 70px;
}

body.subpage #header .c1
{
    width: 20px;
}

body.subpage #header .c1 img.spacer
{
    width: 20px;
    height: 70px;
}

body.subpage #header .c2
{
    background-image: url(/img/background_header_medium.jpg);
    background-position: -167px -272px;
    background-repeat: no-repeat;
}

body.subpage #header .c2 img#page-category
{
    display: block;
    width: 350;
    height: 31;
}

body.subpage #header .c2 img#page-title
{
    display: block;
    width: 350;
    height: 39;
}

body.subpage #header .c3
{
    width: 80px;
}

body.subpage #header .c3 img.spacer
{
    width: 80px;
    height: 70px;
}

body.subpage #menubar
{
    height: 21px;
}

body.subpage #menubar .c1
{
    width: 20px;
}

body.subpage #menubar .c3
{
    width: 80px;
}

body.subpage #menubar .menuflap
{
    left: 20px;
    top: 91px;
}

body.subpage #body .c1
{
    width: 20px;
}

body.subpage #body .c2
{
    background-image: url(/img/background_body_light.jpg);
    background-position: -167px -362px;
    background-repeat: no-repeat;
}

body.subpage #body .c3
{
    width: 80px;
}

body.subpage #body #quicklinks
{
    width: 180px;
}

body.subpage #footer .c1
{
    width: 20px;
}

body.subpage #footer .c3
{
    width: 80px;
}

body.subpage #body #content li
{
    list-style-image: url(/img/bullet.gif);
    vertical-align: top;
}

body.subpage #body #content ul.modellen h3
{
    margin-bottom: 0;
}

body.subpage #body #content ul.modellen strong
{
    display: block;
    margin-bottom: 0.5em;
    font-weight: normal;
}

body.subpage #body #content ul.portfolio img
{
    border: 1px solid #CFC8B6;
    vertical-align: top;
    float: left;
}

body.subpage #body #content ul.portfolio li
{
    clear: left;
}


body.subpage #body #content ul.portfolio img,
body.subpage #body #content ul.portfolio li
{
    margin-bottom: 0.75em;
}


body.subpage #body #content ul.portfolio li ul li
{
    clear: none;
    margin-bottom: 0.5em;
}

body.subpage #body #content ul.portfolio li p,
body.subpage #body #content ul.portfolio li ul
{
    margin-left: 160px;
}

body.subpage #body #content div.statement
{
    margin-left: -40px;
    margin-top: 12px;
    margin-bottom: 10px;
}

body.subpage #body #content table.domainregistration
{
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #9CA2AF;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0.5em;
    background-color: #FBFAF8;
}

body.subpage #body #content table.domainregistration tr td
{
    background-color: #FBFAF8;
}

body.subpage #body #content table.domainregistration tr.even td
{
    background-color: #F4F1EC;
}

body.subpage #body #content table.domainregistration tr.is-requested-domain td
{
    background-color: #DEE3EE;
}

body.subpage #body #content table.domainregistration th
{
    font-size: 10px;
    color: #F2FFFF;
    background-color: #384669;
    text-align: left;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

body.subpage #body #content table.domainregistration td
{
    text-align: left;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

body.subpage #body #content pre.whois
{
    white-space: normal;
    white-space: pre;
    margin-top: 1em;
}

body.subpage #body #content .product
{
    margin-top: -0.25em;
    border-top: 1px solid #B9B19E;
    
    background-image: url(/img/icon-background_left.gif);
    background-repeat: repeat-y;
    background-position: 0% 0%;
}

body.subpage #body #content .product div
{
    padding: 7px 5px 1px 111px;
    
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

body.subpage #body #content .product .icon-airbrush
{
    background-image: url(/img/icon_airbrush.gif);
}

body.subpage #body #content .product .icon-keyboard
{
    background-image: url(/img/icon_keyboard.gif);
}

body.subpage #body #content .product .icon-compass
{
    background-image: url(/img/icon_compass.gif);
}

body.subpage #body #content .product .icon-megaphone
{
    background-image: url(/img/icon_megaphone.gif);
}

body.subpage #body #content .product .icon-pencilsAndBrush
{
    background-image: url(/img/icon_pencilsAndBrush.gif);
}

body.subpage #body #content .product .icon-cogs
{
    background-image: url(/img/icon_cogs.gif);
}

body.subpage #body #content .icon-rolodex
{
    background-image: url(/img/icon_rolodex.gif);
}

body.subpage #body #content .product .icon-magnifyingGlass
{
    background-image: url(/img/icon_magnifyingGlass.gif);
}

body.subpage #body #content .product .icon-nameplate
{
    background-image: url(/img/icon_nameplate.gif);
}


/* New 'formbinding' forms */


body.subpage #body form
{
    width: 41em;
    margin-top: 1em;
    padding: 1em;
    background-color: #EEEADF;
    background-image: url(/img/form_gradient_bottom.gif);
    background-position: 0% 100%;
    background-repeat: repeat-x;
    border: 1px solid #DED7CC;
}

body.subpage #body form fieldset
{
    /* clear: both; */
}

body.subpage #body form label,
body.subpage #body form fieldset legend,
body.subpage #body form .default-appearance label
{
    color: #85754E;
    font-weight: bold;
}

body.subpage #body form label
{
    display: none;
}

body.subpage #body form .default-appearance .group-children,
body.subpage #body form .Group fieldset
{
    padding: 0.75em;
    margin: 0px;
    border: 1px solid #9CA2AF;
    background-image: url(/img/form_gradient_top.gif);
    background-position: 0% 0%;
    background-repeat: repeat-x;
    background-color: #F7F6F2;
}

body.subpage #body form .Group .Group fieldset
{
    background-image: url(/img/form_gradient_bottom_nested.gif);
    background-position: 0% 100%;
    background-repeat: repeat-x;
    background-color: #F7F6F2;
}

body.subpage #body form .Group fieldset
{
    margin-bottom: 0.8em;
}

body.subpage #body form fieldset legend
{
    font-size: 1.2em;
}

body.subpage #body form .Group
{
    margin-bottom: 0.5em;
}

body.subpage #body form .Input,
body.subpage #body form .Output,
body.subpage #body form .Textarea,
body.subpage #body form .Select1 
{
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #CFC8B6;
}

body.subpage #body form .Output .value
{
    /* font-style: italic; */
    padding: 0.5em;
    border: 1px solid #CFC8B6;
    background-color: #FFFFFF;
}

body.subpage #body form .last-child
{
    border-bottom: none;
    padding-bottom: 0em;
}

body.subpage #body form .Input input
{
    display: block;
    width: 99.9%;
}

body.subpage #body form .Textarea textarea
{
    display: block;
    width: 99.9%;
    height: 10em;
}

body.subpage #body form .full-appearance
{
    border: none;
    padding-top: 0em;
}    

body.subpage #body form .Input.invalid .widget
{
    border-right: 1em solid #61678C;
}

body.subpage #body form .Binding label
{
    display: block;
    font-size: 1em;
    color: #61678C;
    margin-bottom: 0.2em;
}

body.subpage #body form .Select1 .choices
{
    padding-top: 0.25em;
}

body.subpage #body form .Select1 .choice
{
    padding: 0em;
    height: 1.5em;
}

body.subpage #body form .Select1 .choice label
{
    display: inline;
    font-weight: normal;
    color: #000000;
    margin: 0em;
    vertical-align: middle;
}

body.subpage #body form .Select1 .choice input
{
    vertical-align: middle;
    height: 1em;
    padding: 0em;
    margin-top: 0.1666em;
}

body.subpage #body form .Input label
{
    color: #61678C !important;
}

body.subpage #body form .Binding p.help
{
    margin-top: 0.25em;
    padding: 0.4em 0.66em 0.66em 0.66em;
    border: 1px dashed #61678C;
    background-color: #FFFFFF;
    color: inherit;
}

body.subpage #body form .required label
{
    color: #202E4E !important;
}

body.subpage #body form .valid,
body.subpage #body form .accepted,
body.subpage #body form .accepted-group
{
    display: none;
}

body.subpage #body .merged .Binding,
body.subpage #body .uninterpreted .Binding,
body.subpage #body form .Output,
body.subpage #body form .invalid
{
    display: block !important;
}

body.subpage #body form .Submit
{
    display: block !important;
    text-align: right;
}

/* Other media types */

@print
{
    body
    {
        background-color: transparent;
    }
}