*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/**
 * Default page start
 **/
#wsdHeader {
    position: fixed;
    width: 100%;
    height: 50px;
    background: #003366;
    top: 0px;
    z-index: 1000;
}

#wsdHeaderTable {
    height: 50px;
    width: 100%;
    border-spacing: 0px;
}

.wsdHeaderTxt {
    color: white;
    text-align: center;
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 50px;
}

#menu {
    position: fixed;
    width: 100%;
    height: 25px;
    background: #e6f6ff;
    top: 54px;
    text-align: center;
    z-index: 1000;
}

#menu p {
    margin: 0;
    padding: 0;
    color: #003366;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
}

#menu p.userinfo {
    text-align: center;
}

#menu p.userinfo a:hover {
    text-decoration: underline;
}

#menu_padding {
    position: fixed;
    width: 100%;
    height: 4px;
    background: white;
    top: 50px;
    z-index: 1000;
}

#tabs {
    position: fixed;
    width: 100%;
    height: 30px;
    top: 79px;
    text-align: center;
    background: #fff;
    z-index: 1000;
}

.tab {
    height: 25px;
    width: 30%;
    margin-right: 5%;
    float: left;
    background: #e6f6ff;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.tab a {
    line-height: 25px;
    display: block;
    width: 100%;
}

#wsdContent {
    padding: 85px 0 65px 0;
    text-align: center;
}

#wsdContent.tabs {
    padding-top: 110px;
}

#wsdFooter {
    position: fixed;
    width: 100%;
    height: 40px;
    background: #003366;
    bottom: 0px;
    text-align: center;
}

.wsdCenter {
    width: 400px;
    margin: 0 auto;
}
/**
 * Default page end
 **/

/**
 * Login box start
 **/
#wsdloginBox,
#wsdloginBoxPad {
    background: #003366;
    width: 400px;
    margin: 10% auto 0 auto;
    padding: 1em;
    text-align: center;
}

#wsdloginBoxPad {
    padding-bottom: 1.5em;
}

#wsdLoginHeader {
    margin: 0 -5px;
    padding: 0;
}

#wsdloginBox form,
#wsdloginBoxPad form {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #e6f6ff;
    width: 100%;
    padding: 1em;
}

#wsdloginBox form input,
#wsdloginBoxPad form input {
    border: solid thin #003366;
}

#wsdloginBox form input:focus,
#wsdloginBoxPad form input:focus {
    box-shadow: 0 0 4px rgb(0,51,102);
}

#wsdLoginForgot,
#wsdLoginForgot a,
#wsdLoginForgot a:active,
#wsdLoginForgot a:visited {
    margin:0;
    float:right;
    color:#fff;
    text-decoration: none;
}

#wsdLoginForgot a:hover {
    text-decoration: underline;
}
/**
 * Login box end
 **/

/**
 * Button start
 **/
#wsdContent .submit {
    width: 300px;
    font-size: 20px;
    font-weight: bold;
}
/**
 * Button end
 **/

/**
 * Search start
 **/
#wsdSearchInput {
    width: 300px;
    padding: 10px;
    border: solid thin #003366;
}
/**
 * Search end
 **/

/**
 * Ticket start
 **/
#ticketForm {
    width: 400px;
}

#ticketForm select,
#ticketForm input,
#ticketForm textarea,
#save select,
#save input[type="text"],
#save input[type="file"],
#save textarea {
    width: 100%;
    border: solid thin #003366;
    text-align: center;
}

#ticketForm textarea {
    text-align: left;
}

#ticketForm input[type="checkbox"],
#ticketForm input[type="radio"] {
    width: 20px;
    height: 14px;
    margin: 3px 10px;
    border: none;
}

#ticketForm li input[type="radio"] {
    width: 20px;
    margin: 2px 10px 2px 5px;
    border: none;
}

#ticketForm input[type="text"],
#save input[type="text"] {
    padding: 1px 5px;
}

.wsdTickTDFull,
.wsdTickTDLeft,
.wsdTickTDRight {
    width: 100%;
    padding: 0 0 0.8em 0;
    border-bottom: solid thin #003366;
    overflow: hidden;
}

.wsdTickTDLeft,
.wsdTickTDRight,
.wsdOuterTickTDLeft,
.wsdOuterTickTDRight {
    width: 48%;
    margin-bottom: 0.8em;
}

.wsdTickTDLeft,
.wsdOuterTickTDLeft {
    float: left;
}

.wsdTickTDRight,
.wsdOuterTickTDRight {
    float: right;
}

.wsdOuterTickTDLeft .wsdTickTDLeft,
.wsdOuterTickTDLeft .wsdTickTDRight,
.wsdOuterTickTDRight .wsdTickTDLeft,
.wsdOuterTickTDRight .wsdTickTDRight {
    margin: 0;
}

.wsdTickTDFull #delivery_date {
    width: 50%;
}

.wsdTickTDFull label,
.wsdTickTDLeft label,
.wsdTickTDRight label {
    text-align: center;
    font-weight: bold;
}
/**
 * Ticket end
 **/

/**
 * Thread start
 **/
.thread {
    width: 100%;
    text-align: left;
}

#reply,
.thread.response {
    background: #E6F6FF;
    border: none;
}

.thread.note {
    background: #DBDBDB;
}

.thread.supplier {
    background: #D0FFD0;
}

.thread.bogballe {
    background: #9BDDFF;
}

.thread_header,
.thread_menu,
.thread_body {
    padding: 0.5em;
}

.thread_header {
    border-bottom: solid thin #003366;
}

.thread_menu {
    border-bottom: solid thin #003366;
}

.thread_body {

}

#reply {
    padding: 1em;
    text-align: left;
}

#reply h1 {
    text-align: center;
}

#reply input[type=submit] {
    margin: 0 auto;
    display: block;
}

#reply textarea {
  width: 100% !important;
}
/**
 * Thread end
 **/

/**
 * FAQ start
 **/
.highlight .faq,
.highlight div,
.nolight div,
div.faq {
    display: block;
    width: 100%;
    padding: 0.5em;
    margin: 0;
}

.highlight .faq-hover:hover {
    color: #fff;
    background: #003366;
}

.highlight .faq-cat {
    font-weight: bold;
    font-size: 18px;
}

.highlight .faq-top {
    font-weight: bold;
    font-size: 16px;
}

.uploads,
.uploads label {
    display: block;
    width: 100%;
}

.nicEdit-panelContain {
    border: solid thin #003366!important;
}
/**
 * FAQ end
 **/

/**
 * Buttons start
 **/
#testOkButton {
    border: 1px solid #45930b;
    background: #4ca20b url(theme/images/ui-bg_highlight-soft_60_4ca20b_1x100.png) 50% 50% repeat-x;
}
#testOkButton:hover {
    border: 1px solid #8bd83b;
	background: #4eb305 url(theme/images/ui-bg_highlight-soft_75_4eb305_1x100.png) 50% 50% repeat-x;
    color:#fff;
}
#testErrorButton,
#closeButton {
    border: 1px solid #991111;
    background: #bb0000 url(theme/images/ui-bg_highlight-soft_75_bb0000_1x100.png) 50% 50% repeat-x;
}
#testErrorButton:hover,
#closeButton:hover {
    border: 1px solid #ff6666;
	background: #dd0000 url(theme/images/ui-bg_highlight-soft_75_dd0000_1x100.png) 50% 50% repeat-x;
    color:#fff;
}
/**
 * Buttons end
 **/

/**
 * Miscellaneous start
 **/
hr {
    border: none;
    height: 2px;
    color: #003366;
    background-color: #003366;
    margin: 10px 0px;
    width: 100%;
    clear: both;
}

.wsdAlignLeft,
.wsdAlignLeft input[type="text"],
.wsdAlignLeft textarea,
.wsdAlignLeft label,
.wsdAlignLeft p {
    text-align: left !important;
}

.wsdPadTop {
    padding-top: 0.8em;
}

.highlight {
    background: #e6f6ff;
    width: 100%;
    overflow: hidden;
}

.highlight.current {
    background: #003366;
}

.highlight.current a.wsdRMAlink {
    color: #FFFFFF;
}

.highlight button.delFile,
.highlight select.selFileType,
.nolight button.delFile,
.nolight select.selFileType {
	float: right;
}

.highlight select.selFileType,
.nolight select.selFileType {
	margin-right: 5px;
}

.highlight div,
.nolight div {
	float: right;
	min-height: 21px;
}

a.wsdRMAlink,
p.wsdRMAlink {
    display: block;
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0;
    color: #003366;
}

p.stocktxt {
    display: block;
    font-size: 19px;
    line-height: 19px;
    padding: 0;
    margin: 0;
}

th.stocktxt {
    font-size: 19px;
    line-height: 19px;
}

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

input[type="checkbox"] {

}

select#supplier,
select#status,
select#machinetype,
select#machinepark {
    width: 300px;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
}

input#query {
    padding: .4em 1em;
    width: 300px;
    text-align: center;
}

tr.highlightIdea {
    background: #EEEEEE;
}

tr.highlightWarning {
    background: #FFF7B7;
}

tr.highlightWarning .wsdRMAlink {
    color:#FFB60B;
}

tr.highlightScrap {
    background: #FF9797;
}

tr.highlightScrap .wsdRMAlink {
    color:#B40404;
}

tr.highlightPriority1 {
    /*background-color:#FF9797;*/
}

tr.highlightPriority2 {
    /*background-color: #FFF7B7;*/
}

tr.highlightPriority3 {
    /*background-color: #e6f6ff;*/
}

tr.highlightPriority4 {
    /*background-color: #e6f6ff;*/
}

tr.highlightPriority5 {
    /*background-color: #e6f6ff;*/
}

span.priorityDisplay {
    font-size: 26px;
    color: #003366;
}

div.filelistTypeHeader {
	padding: 5px;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.thread_menu a {
    display:block;
    float:left;
    margin-right:10px;
    padding:0 10px 0 21px;
    background-position:0 50%;
    background-repeat:no-repeat;
    color:#000;
}

.thread_menu a:hover {
    color:#0072bc;
}

.thread_menu a.pages { background-image:url(../scp/images/icons/pages.gif) }
.thread_menu a.ticket-settings { background-image:url(../scp/images/icons/ticket-settings.gif) }
.thread_menu a.fault { background-image:url(../scp/images/icons/fault.gif) }
.thread_menu a.error { background-image:url(../scp/images/icons/error.png) }

/**
 * Miscellaneous end
 **/