/* DEFAULTS
----------------------------------------------------------*/

html, body
{
    margin: 0px;
    padding: 0px;
}

body
{
    background: #EEEFEE;
    background: url("../images/body_bg.png") no-repeat scroll top left #EEEFEE;
    font-size: .80em;
    font-family: Calibri, Candara, Segoe, "Segoe UI" , Optima, Arial, sans-serif;
    color: #555555;
}

a:link, a:visited
{
    color: #4571C1;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a:active
{
    color: white;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    text-transform: none;
    font-weight: 200;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    min-width: 960px;
    width: 98%;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #8D8D8A;
}

.header
{
    position: relative;
    background: url("../images/header_bg.png") repeat-x scroll 0 0 #444;
    height: 120px;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    color: #f9f9f9;
    font-size: 2.5em;
    line-height: 2em;
    text-indent: 20px;
    margin: 0px;
    padding: 0px;
}

.header .logo
{
    height: 119px;
    float: right;
    background-color: #FFF;
}

.header .logo img
{
    height: 100px;
    margin: 10px 10px 0 10px;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* TAB MENU (SF = SUPERFISH PLUGIN)
----------------------------------------------------------*/

.header .menu {
    position: absolute;
    bottom: 0px;
    left: 0px;
	right: 230px;
}

.sf-menu
{
}

.sf-menu ul
{
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    min-width: 12em;
}

.sf-menu li
{
    background: #6F7072;
    white-space: nowrap;
}

.sf-menu li:hover
{
    background: #6183C1;
}

.sf-menu a
{
    padding: .75em 1em;
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
}

/* "CONTROL PANEL" MENU
----------------------------------------------------------*/

.controlPanelDiv
{
}

/* a */
.controlPanelHeadingLinkButton:link
{
    background-color: #8D8D8A;
    display: block;
}

.controlPanelHeadingLinkButton span
{
    color: #FFFFFF;
    background-color: #6F7072;
    padding: 0.75em 1em;
    display: inline-block;
}

.controlPanelHeadingLinkButton span:hover
{
    background-color: #6183C1;
}

/* ul */
.controlPanelMenuListLevel0
{
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 5px 20px;
    border: 1px solid #8D8D8A;
}

/* li */
.controlPanelMenuListItemLevel0
{
    display: inline-block;
}

/* JOB STAGE LIST
----------------------------------------------------------*/

ul#jobStageList
{
	list-style: none outside;
	margin: 0;
	padding: 0 0 0 21px;
	overflow: hidden;
}

ul#jobStageList li
{
	float: left;
	position: relative;
	background: transparent url('../images/job-stage-bg.png') left top no-repeat;
	margin: 0 0 0 -35px;
	padding: 0;
	width: 161px;
	height: 42px;
	font-weight: bold;
}

ul#jobStageList li.current
{
	background-position: left -42px;
}

ul#jobStageList li#stage-1
{
	z-index: 6;
}

ul#jobStageList li#stage-2
{
	z-index: 5;
}

ul#jobStageList li#stage-3
{
	z-index: 4;
}

ul#jobStageList li#stage-4
{
	z-index: 3;
}

ul#jobStageList li#stage-5
{
	z-index: 2;
}

ul#jobStageList li#stage-6
{
	z-index: 1;
}

ul#jobStageList li span
{
    margin: 12px 0 0 40px;
    display: block;
}

ul#jobStageList li.current span
{
	color: #fff;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 0.5em 0px;
    padding: 0.5em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 4px 0px;
    overflow: hidden;
}

.entryLabel, fieldset p .entryLinkButton
{
    display: block;
    float: left;
    text-align: left;
    margin: 0 10px 0 0;
    padding: 3px 0;
    line-height: 1.2em;
    clear: left;
    width: 200px;
}

fieldset p .entryLinkButton
{
    background: transparent url("../images/search.jpg") no-repeat left center;
    text-indent: 20px;
}

.salesOrder .entryLabel, .salesOrder fieldset p .entryLinkButton
{
    font-weight: bold;
}

.timeZoneLabel
{
    text-align: left;
    margin: 0 10px 0 0;
    padding: 3px 0;
    line-height: 1.2em;
    font-weight: bold;
    color: Red;
}

fieldset p .nowrap
{
	display: block;
	overflow: hidden;
	_height: 1%;
}

legend
{
    font-size: 1.4em;
    font-weight: 600;
    padding: 2px 4px;
    color: #4571C1;
}

/*
fieldset.withCenteredLegend
{
    position: relative;
    padding-top: 25px;
}

fieldset.withCenteredLegend legend
{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
*/

.layoutTable
{
    border-collapse: collapse;
    width: 100%;
}

.layoutTable td 
{
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

.layoutTable.twoColumns td
{
    width: 50%;
}

.layoutTable.threeColumns td
{
    width: 33.3%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.bold
{
    font-weight: bold;
}

.displayNone
{
    display: none;
}

.alignCenter 
{
    text-align: center;
}

.alignRight 
{
    text-align: right;
}

.blockUI
{
    display: none;
    background: transparent none;
    border: none;
}



ul.nonBreakingList
{
    list-style: none outside;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
ul.nonBreakingList li
{
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

/* MISC - OTHER EXPLICITLY DEFINED CLASSES
----------------------------------------------------------*/

/*
    buttonsPara
    childUserControlDiv
    controlPanelHeadingLinkButton
    controlPanelMenuListLevel0
    controlPanelMenuListItemLevel0
    controlPanelMenuLinkButtonLevel0
    datatableFilteredPaged
    datatableNonFilteredNonPaged
    entryButton
    entryCheckBox
    entryCheckBoxReadOnly
    entryDiv
    entryDropDownList
    entryLabel
    entryLinkButton
    entryPara
    entryTextBox
    entryTextBoxReadOnly
    entryValidationfailureNotification
    fieldSet
    gridAltRow
    gridButton
    gridCheckBox
    gridRow
    gridTextBox
    gridTextBoxReadOnly
    controlPanelDiv
    controlPanelLabel
    listDiv
    mainMenuListLevel0
    mainMenuListItemLevel0
    mainMenuLinkButtonLevel0
    mainMenuListLevel1
    mainMenuListItemLevel1
    mainMenuLinkButtonLevel1
    mainMenuListLevel2
    mainMenuListItemLevel2
    mainMenuLinkButtonLevel2
    searchDiv
*/

.entryButton, .gridButton, .controlPanelMenuLinkButtonLevel0:link, .controlPanelMenuLinkButtonLevel0:visited, .controlPanelMenuLinkButtonLevel0:hover, .controlPanelMenuLinkButtonLevel0:active
{
    padding: 0.4em 1em;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
    font-family: Calibri, Candara, Segoe, "Segoe UI" , Optima, Arial, sans-serif;
    font-size: 1em;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    margin-right: 0.1em;
    overflow: visible;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.entryButton:hover, .gridButton:hover, .controlPanelMenuLinkButtonLevel0:hover
{
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    border: 1px solid #999999;
    color: #212121;
}

.entryButton:disabled
{    
   background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;   
    color: #888888; 
}

.entryButton:disabled:hover
{    
   background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #888888;
}

.entryTextBox,
.entryTextBoxReadOnly,
.gridTextBox,
.gridTextBoxReadOnly,
.entryDropDownList,
.dataTables_wrapper input[type=text],
.dataTables_wrapper select,
.dropdown,
.datepicker
{
    border: 1px solid #D3D3D3;
    color: #333333;
    font-size: .90em;
    font-family: Calibri, Candara, Segoe, "Segoe UI" , Optima, Arial, sans-serif;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    resize: none;
}

.entryTextBox,
.entryTextBoxReadOnly,
.dataTables_wrapper input[type=text]
{
    padding: 3px;
}

.entryDropDownList,
.dataTables_wrapper select
{
    padding: 2px;
}

.entryTextBoxReadOnly,
.entryTextBox.readonly,
.gridTextBoxReadOnly,
.gridTextBox.readonly
{
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

.narrow
{
    width: 100px;
}

.medium
{
    width: 200px;
}

.wide
{
    width: 400px;
}

.salesOrder .wide
{
    width: 50%;
}

/*
.entryTextBox.focus, .entryDropDownList.focus
{
    border: 1px solid #4571C1;
}
*/

.datatableFilteredPaged, .datatableNonFilteredNonPaged
{
    border-collapse: collapse;
    border: 1px solid #D3D3D3;
}

.datatableFilteredPaged th, .datatableFilteredPaged td, .datatableNonFilteredNonPaged th, .datatableNonFilteredNonPaged td
{
    padding: 4px;
}

.datatableFilteredPaged th, .datatableNonFilteredNonPaged th
{
    background-color: #EDEDED;
}

.datatableFilteredPaged td, .datatableNonFilteredNonPaged td
{
    border-bottom: 1px solid #D3D3D3;
}

.fixedWithBorders
{
    table-layout: fixed;
    word-wrap: break-word;
}

.fixedWithBorders td
{
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

div.entryValidationfailureNotification
{
    background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #FEF1EC;
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
    margin: 1em 0;
    padding: 0;
}

div.entryValidationfailureNotification ul
{
    background: url("../images/icon-error-alert.png") no-repeat top left;
    margin: 1em;
    padding: 0 0 0 20px;
    list-style-type: none;    
}

span.entryValidationfailureNotification
{
    color: #CD0A0A;
}


/* JQUERY OVERRIDES  
----------------------------------------------------------*/



/* JQUERY PLUG INS: DATATABLES
----------------------------------------------------------*/

.dataTables_wrapper .ui-toolbar
{
    padding: 5px;
    overflow: hidden;
}

.dataTables_wrapper .ui-widget-header
{
    font-weight: normal;
}

.dataTables_length
{
    float: left;
}

.dataTables_filter
{
    float: right;
    text-align: right;
}

table.dataTable thead th div.DataTables_sort_wrapper
{
    padding-right: 20px;
    position: relative;
}

table.dataTable thead th div.DataTables_sort_wrapper span
{
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
}

.dataTables_info
{
    clear: both;
    float: left;
    padding-top: 3px;
}

.dataTables_paginate
{
    float: right;
    text-align: right;
}

.ui-buttonset
{
    margin-right: 7px;
}

.paging_full_numbers .ui-button
{
    color: #333333 !important;
    cursor: pointer;
    margin: 0;
    padding: 2px 6px;
}

.dataTables_paginate .ui-button
{
    margin-right: -0.1em !important;
}

/*
table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
*/


.EntryFormBorderTop 
{
    border-top: 1px solid #000000; /* solid #000000*/
}

.EntryFormBorderBottom
{
    border-bottom: 1px solid #000000; /* solid #000000*/
} 

.EntryFormBorderLeft
{
    border-left: 1px solid #000000; /* solid #000000*/
}

.EntryFormBorderRight
{
    border-right: 1px solid #000000; /* solid #000000*/
}


.disabledButton{
    background-color:#ddd;
}

.checkBoxLabel {
    padding-bottom: 10px;
}

.fakeFileUpload {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	width: 100%;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.realFileUpload {
	position: absolute;
	top: 0px;
	right: 0px;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/*Discount Page Style*/
#MainContent_DiscountRuleDetailsUP, #MainContent_DiscountRuleCouponsUP {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    margin-right: 20px;
}

.exportCsvButton {
    position: relative;
    top: 38px;
    left: -200px;
}

.header .menufixed {
    position: fixed;
    left: inherit;
    top: 0px;
    z-index: 1;
    background-color: #6f7072;
    bottom:auto;
    width:98%;
    min-width: 960px;
}

.cautionButton {
    padding: 0.4em 1em;
    border: 1px solid #CD0A0A;
    color: white;
    background-color: red;
    font-weight: normal;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 1em;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    margin-right: 0.1em;
    overflow: visible;
    position: relative;
    text-align: center;
    vertical-align: middle;

}
.mailToCrm {
    width: 400px;
}