/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {line-height:1;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {vertical-align:middle;}

a:focus {
    outline: none;
}


/**
* FONTS
*/

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L004-webfont.eot');
    src: url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L004-webfont.woff') format('woff'),
        url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L004-webfont.ttf') format('truetype'),
        url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L005-webfont.eot');
    src: url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L005-webfont.woff') format('woff'),
        url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
        url('http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**
* MAIN
*
* #005073 : blue (75% black)
* #002e54 : dark-blue
* #00638f : blue (50% black);
* #6da9c6 : blue (25% black);
* #e57d03 : orange
* #3e3f40 : darkgrey
* #919394 : grey
* #afb1b3 light grey
* #e1e4e5 : very lightgrey
* #edf1f2 : "very very light grey"
*
*/

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #005073;

}

body.message
{
    background-image: none;
    background-color: #fdfdfe;
}

#container
{
    background-color: #fdfdfe;
}

#header
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/header.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 102px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#header_background
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/header_background.png);
    background-position: top left;
    background-repeat:repeat-x;
}

#top_logo
{
    width: 320px;
    height: 90px;
    cursor:pointer;
}

#top_search
{
    right: 0px;
    height: 22px;
    overflow: hidden;
    width: 248px;
    background-color: #fff;
    border: 1px solid #3e3f40;
}

#top_search .search-background
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/search-background.png);
    background-repeat: no-repeat;
}

#search_image
{
    width: 22px;
    height: 22px;
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/icons/search.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-right: 1px solid #ccc;
}

#search_input
{
    border: none;
    height: 18px;
    width: 217px;
    padding: 1px 4px 5px 4px;
    font-size: 11px;
    font-family: 'Tahoma', Verdana;
    letter-spacing: 0.5pt;
    display: block;
}

.frame
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#left
{
    width: 730px;
    float: left;
}

/**
* ALTERNATE PAGE VIEWS
*/
#blue
{
    width: 692px;
    padding: 18px 18px 22px 18px;
    margin-right: 2px;
    background-color: #6da9c6;
}

#full_width_frame
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#full_width_frame .top
{
    background-color: #6da9c6;
    padding: 18px;
    color:#FFF;
}

#full_width_frame .top_main
{
    font-size: 20px;
    color:#FFF;
    font-weight: bold;
    margin-bottom: 10px;
}

#full_width_frame .top_sub
{
    font-size: 14px;
    font-style: italic;
    color:#00617E;
}

#full_width_frame div.form_guide
{
    margin-bottom: 24px;
    margin-left: 18px;
}

#full_width_frame #content
{
    margin-left: 18px;
}

/**
* STEP CSS (TOP BAR STEPS)
*/
.step
{
    float: left;
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/arrow.png);
    background-repeat:no-repeat;
    background-position:right 2px;
    padding: 1px 30px 1px 0px;
    margin-right: 8px;
}

.step_last
{
    background-image: none;
    margin-right:0px;
}

.step_active
{
    font-weight: bold;
}

/***********************************************/
/* Frontpage */
/***********************************************/

#siteFeature_box
{
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 18px;
    margin-right: 18px;
    border-bottom: 1px solid #6da9c6;
}

#siteFeature #tabContainer a
{
    font-size: 12px !important;
}

#siteFeature h3
{
    color: #fff;
}

#siteFeature h4
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 0.5pt;
}

#tabContainer p
{
    font-size: 11px;
    font-style: italic;
}

#frontpage-products
{
    margin-bottom: 18px;
}

#frontpage-products .product
{
    width: 309px;
    cursor: pointer;
}

/**
* CONTENT
*/

#content_message
{
    text-align: center;
}

#content
{
    margin: 18px 18px 0px 0px;
    padding-bottom: 36px;
    color: #3e3f40;
    line-height: 19px;
}

#content h1, #content h2, #content h3, #content h4
{
    font-weight: normal;
}

#content h1
{
    font-family: "TitilliumText22LBold", Verdana, Tahoma;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 18px;
    color: #002e54;
}

#content h2, #right_blog h2
{
    font-family: "TitilliumText22LMedium", Verdana, Tahoma;
    font-size: 17px;
    margin-bottom: 8px;
    color: #00638f;
}

#content h1.title, h2.title, h3.title
{
    margin-bottom: 3px;
}

#content h1.tagline
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    margin: 30px 0;
}


#content h3
{
    font-size: 14px;
    font-family: "TitilliumText22LMedium", Verdana, Tahoma;
    color: #00617e;
    margin-bottom: 6px;
}

#content h4
{
    font-size: 12px;
    font-family: "TitilliumText22LMedium", Verdana, Tahoma;
    color: #00617e;
    margin-bottom: 6px;
}

#content p, #content dd, #content pre
{
    line-height: 19px;
    margin-bottom: 12px;
}
#content dd
{
    padding-left: 18px;
}

#content hr
{
    color:#afb1b3;
    border:none;
    border-top:1px solid #afb1b3;
    height:1px;
    /* TODO */
    clear: both;
}

#content a:link, a:visited
{
    color: #00638f;
    text-decoration: none;
}

#content a:hover
{text-decoration:underline;}

#content a.read-more
{
    display: inline-block;
    color: #e57d03;
}

#content .subtitle
{
    font-family: Georgia,"Times New Roman", serif;
    font-size: 12px;
    font-style: italic;
    color: #919394;
    font-weight: normal;
    margin-bottom: 7px;
    letter-spacing: 0.5pt;
}

#content .box
{
    border: 1px solid #ccc;
    padding: 18px;
    background-color: #fff;
    overflow: hidden;
}

#content .border
{
    border: 1px solid #ccc;
}

#content ul, #content ol
{
    margin-bottom: 10px;
    padding-left: 18px;
}

/**
* LARGE  BUTTONS
*/
a.button_orange:link, a.button_grey
{
    height: 29px;
    width: 215px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
}

#content a.button_orange:hover, #content a.button_grey:hover, #right a.button_orange:hover,  #right a.button_grey:hover
{
    text-decoration: none;
}

a.button_orange
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/button_orange.png);
    background-repeat: no-repeat;
    text-align: center; /* FIXME: KK: temp hack for vfw-26 */
}

a.button_grey
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/button_grey.png);
    background-repeat: no-repeat;
}

a.button_orange span, a.button_grey span
{
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    font-family: Arial, Helvetica, sans-serif;
}

a.button_orange span
{
    color: #fff;
}

a.button_grey span
{
    color: #005073;
}

a.button_grey span.has-icon, a.button_organe span.has-icon
{
    background-repeat: no-repeat;
    background-position: 6px 6px;
    padding-left: 30px;
    text-align: left;
    font-size: 12px;
    display: block;
    height: 18px;
    line-height: 18px;
    padding-top: 6px;
}

a.button_grey span.twitter
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/twitter.png);
}

a.button_grey span.linkedin
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/linkedin.png);
}

a.button_grey span.blog
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/vficon.png);
}

a.button_grey span.rss
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/rss.png);
}

a.button_grey span.addthis
{
    height: 22px;
    width: 209px;
    padding: 7px 0px 0px 6px;
    text-align: left;
    font-size: 12px;
}

/**
* Newsletter div
* clone of LARGE BUTTONS section above
*/
#nl_button_grey {
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/button_grey.png);
    background-repeat: no-repeat;
    height: 22px;
    padding: 7px 0px 0px 6px;
    margin-bottom: 5px;
}
#nl_button_grey span.newsletter {
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/newsletter.png);
    background-repeat: no-repeat;
}
#nl_button_grey span a:link {
    color: #005073;
    padding-left: 22px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
/***********************************************/
/* controls / overviews */
/***********************************************/

/* my project */
#content div.overview_item
{
    background-color:#fff;
    border: 1px solid #ccc;
    padding: 6px;
    margin-bottom: 10px;
}

#content div.overview_item h2
{
    margin: 0px;
}

#content div.overview_item_actions
{
    border-top: 1px solid #FFF;
    padding: 3px;
    text-align: right;
}

#content div.overview_actions
{
    border-top: 1px solid #6da9c6;
    border-bottom: 1px solid #6da9c6;
    padding: 10px 0px 10px 0px;
}

/***********************************************/
/* NEWS */
/***********************************************/


#news-category {
    float: left;
    border: 1px solid #ccc;
    width: 345px;
    margin-top: 18px;
    background-color: #fff;
}

#news-category .intro {
    background-color: #fff;
    padding: 12px 18px;
}

#news-category h1
{
    font-size: 22px;
    margin: 0 0 10px;
    color:#666;
}

#news-category h2
{
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    color: #00617e;
}

#news-category h3
{
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    color: #333;
}

#news-category .properties {
    background-color: #eee;
    padding: 6px 18px;
}

#news-row
{
    padding: 10px 18px 5px 18px;
    border: 1px solid #ccc;
    margin-bottom: 18px;
    background-color: #fff;
}

/**
* WORKSHOp ACTION BUTTONS
*/

#content .action_button_orange
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/action_orange.png);
}

#content .action_button_blue
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/action_blue.png);
}

#content  .action_button_grey
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/buttons/action_grey.png);
}

#content .action_button_orange, #content  .action_button_blue, #content  .action_button_grey
{
    background-position: top left;
    background-repeat: no-repeat;
    width: 112px;
    height: 24px;
    text-align:center
}

#content  div.action_buttons
{
    border-top: 1px solid #FFF;
    text-align: right;
    padding-top: 8px;
}

#content div.action_buttons a:link, #content  div.action_buttons a:visited
{
    display: inline-block;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#content div.action_buttons a div
{
    padding-top: 2px;
}

/* LOADING FRAME */

.loading_frame
{
    padding: 10px;

}

.loading_image
{
    margin-right: 18px;
    height: 32px;
    display: block;
}
.loading_message
{
    width: 300px;
    color: #00617e;
    font-size: 13px;
    font-weight: bold;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px; /* Fix VFW-34-underline*/
    text-align: center;
    overflow: hidden;
}

.loading_message a
{
    color: #00617e;
}

/**
* FRONTPAGE EVENTS
*/

#front_events .icon
{
    width: 40px;
    height: 40px;
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/icons/events.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

#front_events .footer
{
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#front_events .details
{
    padding: 5px 0px 5px 0px;

}

#front_events .details p
{
    margin: 0px 0px 4px 0px;
}

#front_events .location
{
    margin-bottom: 2px;
}

#front_events .text
{
    width: 158px;
    overflow: hidden;
    padding-bottom: 8px;
}

#front_events .link
{
    color: #00617E;
    font-weight: bold
}

#front_events a:link, #front_events a:visited
{
    color: #00617E;
    text-decoration: none;
}

#front_events .ext
{
    text-align: right;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}

/**
* SYSTEM REQUIREMENTS
*/

#sysreq .text
{
    margin-left: 18px;
    margin-top: 6px;
}

#sysreq .row
{
    margin-bottom: 18px;
}

/**
* GAM
*/

#filter
{
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}


/***********************************************/
/* products pages */
/***********************************************/

.main-feature
{
    margin: 18px 0;
    clear: left;
}

.features, .features-wide
{
    float: right;
    margin: 18px 0;
}

.features
{
    width: 452px;
}

.features-wide
{
    width: 537px;
}

.features > div, .features-wide > div
{
    margin-bottom: 40px;
    float: left;
}

.features .sidenote
{
    float: left;
    margin: 0px 18px 0 -260px;
}

.features-wide .sidenote
{
    float: left;
    margin: 0 18px 0 -175px;
}

.screenshot
{
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border: 1px solid #b3b3b3;
}

/******************************************************/
/* Typograpoy (font, indent, ...) for general content */
/******************************************************/
div.separator
{
	height: 16px;
}

div.normal
{
    font-size: 12px;
    line-height: 20px;
}

div.medium
{
    font-size: 13px;
    line-height: 22px;
}

div.large
{
    font-size: 15px;
    line-height: 24px;
}


p.justify
{
    text-align: justify;
}

p.red
{
    color: #F00;
}

#quote p
{
    margin: 0px 0px 8px 0px;
}

#quote
{
    color: #00617e;
    font-weight: bold;
    font-style: italic;
    margin-top: 8px;
}

#quote .reference
{
    font-weight: normal;
    font-style: normal;
    color: #333;
}

span.quote
{
    font-size: 18px;
    font-weight: bold;
}


#content table
{
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

#content table.payment
{
    width: 600px;
    background-color:#FFF;
}

#content table th, #content table th a
{
    background-color: #6da9c6;
    color: #ffffff !important;
    padding: 4px;
    vertical-align: middle;
}

#content table.payment th
{background-color:#FFF;}

#content table td
{
    padding: 4px;
    border-bottom: 1px solid #6da9c6;
    background-color: #fff;
    vertical-align: middle;
}


#content table.payment td
{
    border: none;
    background-color: #fff;
}

#content img.right
{
    margin: 0px 0px 10px 10px;
}


#content .small
{
    font-size: 12px;
    font-style:italic;
}


#whats_this
{
    padding: 0px 15px 15px 15px;
    width: 400px;
}

#whats_this h1
{
    font-size: 18px;
    color: #00617e;
}

#whats_this h2
{
    font-size: 14px;
    color: #00617e;
}

.clr
{
    clear: both;
}

.clrl
{
    clear: left;
}

.clrr
{
    clear: right;
}

.fltl
{
    float: left;
}

.fltr
{
    float: right;
}

.no-margin
{
    margin: 0px;
}

.no-background
{
    background-image: none;
}


/**
* FOOTER
*/

#footer
{
    color:#fff;
    background-color: #005073;
    text-shadow: 0 1px 0 #000;
}

#footer .frame
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/footer_background.png);
    background-position: right;
    background-repeat: no-repeat;
}

.footer-col {
    width: 326px;
    padding: 25px 0px 25px 0px;
    font-size: 14px;
}

.footer-copyright {
    padding-bottom: 25px;
}

#footer h1, #footer h2, #footer h3 {
    font-family: Arial, Helvetica, Serif;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

#footer a:link, #footer a:visited
{
    color: #ccc;
    text-decoration: none;
}

#footer a:hover
{
    color: #fff;

}

#footer ul
{
    list-style: none;
}
#footer ul li
{
    padding-bottom: 4px;
}

/**
* FORMS
*/

/***
* NEW FROM ST|YLING
*/

.field
{
    padding: 4px;
    font-size: 12px;
    border: 1px solid #919394;
    font-family: 'Tahoma', Verdana;
    letter-spacing: 0.5pt;
}

.submit
{
    font-family: 'Tahoma', Verdana;
    letter-spacing: 0.5pt;
    border: 1px solid #919394;
    background-color: #edf1f2;
    color: #3e3f40;
    padding: 3px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
}


/******************************************************/
/* FORM STYLING                                       */
/******************************************************/

#blue h1
{
    color: #fff;
}

div.form h2
{
    margin: 4px 0px 8px 0px;
    font-size: 16px;
    color: #00617e;
}

/**
* CV Submission form
*
*/
#form_submit_cv div.label {
    width: 150px;
}

/**
* MAIN
*
* #005073 : blue (75% black)
* #002e54 : dark-blue
* #00638f : blue (50% black);
* #6da9c6 : blue (25% black);
* #e57d03 : orange
* #3e3f40 : darkgrey
* #919394 : grey
* #afb1b3 light grey
* #e1e4e5 : very lightgrey
* #edf1f2 : "very very light grey"
*/

div.form .label
{
    font-size: 13px;
    color: #3e3f40;
    margin: 4px 10px 2px 0px;
    float: left;
}

div.form .control
{
    float: left;

}

div.form .control span
{
    line-height: 21px;
}


div.form .control input, div.form .control select, div.form .control textarea
{
    border: 1px solid #999;
    margin: 2px 0px 2px 0px;
    font-family: Tahome, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0.5pt;
    padding: 3px;
}

div.form input.checkbox
{
    margin-top: 8px;
}

div.form .actions
{
    margin: 6px 0px 6px 0px;
}

div.form .actions input
{
    border: 1px solid #999999;
    background-color:#eee;
    padding: 3px;
    cursor: pointer;
}

div.form .options a:link, div.form .options a:visited
{
    text-decoration: none;
    line-height: 20px;
}

div.form .options a:hover
{
    text-decoration: underline;
}
div.form .options span
{
    text-decoration: underline;
}

div.form .seperator
{
    height: 16px;
}
div.form .captcha_control, div.form .captcha_image
{
    float: left;
}

div.form .captcha_input input
{
    border: 1px solid #999;
    margin: 0px 0px 0px 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    padding: 6px;
    height: 16px;
    width: 120px;
}


div.form_guide
{
    padding: 18px;
    float: right;
    width: 250px;
    color: #666;
    line-height: 16px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.form_guide h2, div.form_guide h3
{
    color: #666666;
    margin: 0px;
}

div.form_guide ol
{
    padding-left: 18px;
}

div.form_guide ul
{
    padding-left: 15px;
}
div.form_guide ul li, div.form_guide ol li
{
    padding-bottom: 5px;
}

/******************************************************/
/* FORM SPECIFIC STYLING							  */
/******************************************************/

#form_ticket_create div.label
{
    width: 160px;
}

#form_login div.label
{
    width: 100px;
}

#form_payment div.label
{
    width: 118px;
}

#form_payment div.control input
{
    width: 200px;
}

#form_payment div.control select
{
    width: 208px;
}

#form_register div.label
{
    width: 116px;
}

#form_register div.control input
{
    width: 200px;
}

#form_register div.control select
{
    width: 208px;
}

#form_edit_project div.label
{
    width: 100px;
}


#form_feedback div.label
{
    width: 100px;
}

#form_feedback div.control input
{
    width: 300px;
}

#form_feedback div.control select
{
    width: 308px;
}

#form_feedback div.control textarea
{
    width: 300px;
}

div.form .control input.error, div.form .control select.error
{
    border: 1px solid #FF0000;
    background-color:#FCC;
}

div.form .control input.ok, div.form .control select.ok
{
    border: 1px solid #0F0;
    background-color:#C4FFC4;
}

#error_container
{
    display: none;
    height: 18px;
    overflow: hidden;
}

#error_container div
{
    color: #F00;
    font-weight: bold;
    height: 18px;
}

/*-------------------------------------------------------------- */
/* Top company menu                                              */
/*-------------------------------------------------------------- */

#companymenu
{
    list-style: none;
    overflow: visible;
    display: block;
    margin-top: 18px;
}

/* companymenu items */
#companymenu li
{
    float: left;
    padding: 0 0 10px 0; /* required to access the submenu */
    position: relative;
}

/* companymenu text */
#companymenu a
{
    float: left;
    height: 25px;
    padding-left: 15px;
    color: #ddd;
    text-transform: uppercase;
    font-family: Arial, Tahoma, Verdana;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

/* companymenu text highlight */
#companymenu li:hover > a
{
    color: #fff;
    font-weight: bold;
}

#companymenu li:hover > ul
{
    display: block;
}


/* submenu background and shape */
#companymenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 99999;
    background: #f5f5f5;
    border: 1px solid #ccc;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* submenu entry border */
#companymenu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    border-bottom:1px solid #ccc;
}

/* submenu last entry border */
#companymenu ul li:last-child
{border-bottom:none;}

/* submenu entry textbox */
#companymenu ul a
{
    padding: 8px;
    height: 8px;
    width: 130px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    font-weight: normal;
    text-transform: none;
    color: #333333;
    text-shadow: none;
}


*:first-child+html #companymenu ul a /* IE7 */
{
    height: 10px;
}

/* submenu highlight */
#companymenu ul a:hover
{
    background: #99bfcc;
}

/* submenu triangle */
#companymenu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    right: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #f5f5f5;
}

/* submenu triangle, highlight */
#companymenu ul li:first-child a:hover:after
{
    border-bottom-color: #99bfcc;
}

/* submenu bottom */
#companymenu ul li:last-child > a
{
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* Clear floated elements */
#companymenu:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #companymenu             { zoom: 1; } /* IE6 */
*:first-child+html #companymenu { zoom: 1; } /* IE7 */


#companymenu li.level_1 a.active, #companymenu li.active a
{
    color: #fff;
}

#companymenu li.active ul a
{
    color: #002e54;
}

#companymenu li.level_2 a.active
{
    color: #002e54;
    text-decoration: underline;
}


/****
* MAINMENU
***/

#mainmenu, #mainmenu li ul
{
    list-style: none;
    clear: left;
    display: block;
    width: 712px;
}

#mainmenu.full
{
    width: 980px;
}

#mainmenu
{
    height: 64px;
    position: relative;
}

#mainmenu.simple, #mainmenu.home
{
    height: 31px;
    border-bottom: 1px solid #6da9c6;
}


#mainmenu li ul
{
    border-top: 1px solid #6da9c6;
    background-color: #6da9c6;
    height: 31px;
    position: absolute;
    left: 0px;
    top: 31px;
}

#mainmenu li, #mainmenu ul li
{
    float: left;

}

#mainmenu li a
{
    display: block;
    padding: 9px 18px 9px 18px;
    text-decoration: none;
    color:#3e3f40;
    letter-spacing: 0.5pt;
    height: 14px;
    overflow: hidden;
    font-family: TitilliumText22LMedium, Tahoma, Verdana;
    font-size: 14px;
    text-transform: uppercase;
}

#mainmenu ul li a
{
    font-family: Arial, Tahoma, Verdana;
    color: #fff;
    font-size: 13px;
    text-transform: none;
    height: 13px;
}

#mainmenu li a.active, #mainmenu.home li:first-child a
{
    background-color: #6da9c6;
    color: #fff;
}

#mainmenu li a.secure
{
    color: #e57d03;
}

#mainmenu li.organge a, #mainmenu li.organge ul
{
    color: #fff;
    background-color: #e57d03;
}

#mainmenu li.organge ul
{
    border-top: 1px solid #e57d03;
}

#mainmenu ul li a.active
{
    text-decoration: underline;
}


/**
* RIGHT BAR
*/

#right
{
    width: 250px;
    float: right;
    color:#3e3f40;
    margin: 31px 0px 36px 0px;
}

#right_min_height
{
    float: right;
    height: 200px;
}

#right_menu
{
    background-color: #e1e4e5;
    /* TODO
    background-color:#f5f5f5;*/
    padding: 22px 16px 10px;
    border: 1px solid #919394;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

#right a.warning
{
    color: red;
}

/* #005073 : blue (75% black)
* #002e54 : dark-blue
* #00638f : blue (50% black);
* #6da9c6 : blue (25% black);*/

#right a:link, #right a:visited
{
    color: #002e54;
    text-decoration: none;
}
#right a:hover
{
    text-decoration: underline;
}


#right .right_header
{
    margin-bottom: 5px;
    font-family: "TitilliumText22LMedium", Verdana, Tahoma;
    font-size: 14px;
    color:#fff;
    padding: 6px 4px 6px 4px;
    margin-bottom: 10px;
    background-color: #afb1b3;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#right .right_content
{
    margin-bottom: 20px;
    padding: 0px 4px 4px 4px;
    line-height: 18px;
    font-size: 12px;
}

#right .right_download_link
{
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 4px 0px;
}

#right .right_download_link:hover
{
    font-weight: bold;
}

#right .right_download_link a
{
    color:#333333;
    font-size: 12px;
    text-decoration:none;
}

#right .right_download_link img
{
    margin-right: 4px;
    vertical-align:middle;
}

#right #txt_username, #right #txt_password
{
    width: 198px;
    margin-bottom: 8px;
    font-size: 11px;
    display: block;
}

.username-background
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/username-background.png);
    background-repeat: no-repeat;
}

.password-background
{
    background-image: url(http://www.vectorfabrics.com/themes/site_themes/vector_fabrics/images/password-background.png);
    background-repeat: no-repeat;
}

#right a.button_orange
{
    display: block;
    margin-bottom: 10px;
}

#right a.button_grey
{
    display: block;
    margin-bottom: 5px;
}

/**
* BLOG
*/

#form_blog_edit .label
{
    width: 120px;
}

#blog .item
{
    border: 1px solid #ccc;
    margin-top: 18px;
}

#blog .item h2
{
    margin: 0px;
    font-size: 16px;
}

#blog .item .intro
{
    padding: 12px 18px 12px 18px;
    background-color: #ffffff;
}

#blog .item .properties
{
    background-color: #eee;
    padding: 6px 18px 6px 18px;

    font-size: 12px;
}

#blog .edit_button{

}

#blog .pagination
{
    margin-top: 10px;
}

#right_blog h1
{
    color: #00617E;
    margin: 0px;
    font-weight: normal;
}

#right_blog p
{
    font-size: 12px;
    font-style: italic;
}

#right_blog h2
{
    margin-bottom: 4px;
    font-weight: normal;
}

#right_blog .link
{
    font-size: 12px;
    margin-bottom: 3px;
}

#right_blog .link a:link, #right_blog .link a:visited
{
    text-decoration: none;
    color: #333333;
}

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


#right_blog .written_by
{
    font-style: italic;
    font-size: 11px;
}


#right_blog .author .details p
{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    text-align: left;
}

#right_blog .author
{
    padding: 10px;
    background-color: #d5d5d5;
}

#right .right_link_large a:link, #right .right_link_large a:visited
{
    color: #00617E;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

#right .right_link_large a:hover
{
    text-decoration: underline;
}

#blog h2.comments
{
    padding: 5px;
    background-color: #aaa;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

#blog .comment
{
    border: 1px solid #eee;
    margin-bottom: 18px;
    padding: 0px 8px 8px 8px;
}

#blog .comment p.properties
{
    font-size: 12px;
    font-style: italic;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}

#right_blog div.link
{
    padding-left: 4px;
}

.label_comment {
    width: 75px;
    float: left;
}