body {
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #efefef;
}

header, footer, nav, section {
    display: block;
}

table.large-list
{
    min-width: 1000px;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 0 0;
    padding-top: 5px;
}

legend {
    display:block;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    margin-bottom:0px;
    border-bottom: none;
}
textarea {
    min-height: 75px;
}

.editor-label {
    margin: 0.7em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='datetime'],
input[type='number'],
input[type='date'],
textarea
{
    padding: 6px;
    font-size: 13px;
    /*background: #fff url('../images/bg-form-field.gif') top left repeat-x;*/
    border: 1px solid #d5d5d5;
	color: #333;
    width:100%;
    min-width:150px;
}

select
{
    padding: 6px;
    font-size: 13px;
    /*background: #fff url('../images/bg-form-field.gif') top left repeat-x;*/
    border: 1px solid #d5d5d5;
	color: #333;
    width:40%;
    min-width:150px;
}

input[type='submit'], input[type="button"]
{
    margin-top:10px;
}
/* Styles for Support Forms*/
.column-left 
{
    width: 49%;
    float: left;
    margin-right:1%;
}
                
.column-right 
{
    width: 49%;
    float: left;
    margin-left:1%;
}

.pad {
    padding: 10px;
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}


.column-left input[type='text'],
.column-left input[type='password'],
.column-left input[type='email'],
.column-left input[type='datetime'],
.column-left textarea,
.column-left select,
.column-right input[type='text'],
.column-right input[type='password'],
.column-right input[type='email'],
.column-right input[type='datetime'],
.column-right input[type='date'],
.column-right textarea,
.column-right select
{
    padding: 6px;
                font-size: 13px;
                /*background: #fff url('../images/bg-form-field.gif') top left repeat-x;*/
                border: 1px solid #d5d5d5;
				color: #333;
                width:100%;
                min-width:150px;
}

.product-costing input[type='text'],
.product-costing input[type='number']
{
    padding: 6px;
                font-size: 13px;
                /*background: #fff url('../images/bg-form-field.gif') top left repeat-x;*/
                border: 1px solid #d5d5d5;
				color: #333;
                width:100%;
                min-width:50px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.clear
{
    clear:both;
}

/* Message */
.msg-success
{
    color:green;
    font-size: 16px;    
    font-weight:bold;
}
.msg-error
{
    color:red;
    font-size: 14px;
}
/* Table */
thead > tr > td
{
    font-weight:bold;
}

tfoot > tr > td.title
{
    font-weight:bold;
    text-align:right;
    vertical-align:middle;
}

.container
{
    margin-bottom:20px;
}

/* Filter Section */
.filter-container
{
    width:100%;
    height:100%;
}
.filter-left-section
{
    float:left;
    width:49%;
    height:30px;
    margin-right:1%;
}
.filter-right-section
{
    float:left;
    width:49%;
    height:30px;
    margin-left:1%;
    text-align:right;
}

.panel-body
{
    padding-left:20px;
}
.panel-body table
{
    width:100%;
}

.panel-body table thead tr>td
{
    height:20px;
}
.panel-body table tfoot tr>td
{
    height:20px;
}

.panel-body table tbody tr>td:first-child
{
    width:15%;
    height:40px;
}

.invi
{
    display:none;
}



/* Pager Styling*/
.pager-left
{
    float:left;
    width:49%;
}
.pager-right
{
    float:right;
    width:49%;
    text-align:right;
}

.errlbl
{
    font-size:14px;
    color:#f00000;
    font-weight:bold;
}