/*--------------------------------------------------------
Title: Global stylesheet
Company: PRO-OP™
Author:  MedusaTech
----------------------------------------------------------*/

/* Reset elements for browser consistency */ 
* {padding:0;margin:0;}
img {border:0;}
table {border-collapse:collapse;}

/* Globally styled html elements */
/* This style is part of controlling the sticky footer */
html,body {height:100%;width:100%;}
body {font-family: Calibri, "Trebuchet MS", Arial, sans-serif;font-size:14px;}
/* This style is part of controlling the sticky footer */
#SiteForm, #Form1 {height: 100%;}
h1 {font-weight:normal;margin-bottom:10px;font-size:22px;padding:0;}
h2 {font-weight:normal;font-size:18px;padding:0;}
input[type="text"] {padding:3px 2px;font-family: Calibri, "Trebuchet MS", Arial, sans-serif;font-size:14px;}
input[type="password"] {padding:3px 2px;font-family: Calibri, "Trebuchet MS", Arial, sans-serif;font-size:14px;}
textarea {font-size:14px;margin:2px 0 2px 0;font-family: Calibri, "Trebuchet MS", Arial, sans-serif;padding:2px;}
input[type="submit"] {font-size:14px;font-family: Calibri, "Trebuchet MS", Arial, sans-serif;font-size:14px;margin-right:6px;border:none;width:auto;overflow:visible;padding:3px 5px;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
input[type="checkbox"] { margin-right: 3px;}

/* Globally styled custom styles */
.clear {clear:both;}
.helpIcon {margin-right:5px;}
.alignRight {text-align:right !important;}
.alignTop {vertical-align:top;}
.sectionLabel {font-size:16px;}
.divider {height:2px;width:100%;}

.pager { float: right;padding-bottom: 2px;}
.pager div {display:inline-block;}
.pager .pager-sizer { font-size: 12px;}
.pager .pager-sizer .selectBox-dropdown { font-size: 12px;}
.pager-sizer-list-selectBox-dropdown-menu { font-size: 12px;}
.pager .pager-navigation { font-size: 12px;}
.pager .pager-navigation .selectBox-dropdown { font-size: 12px;}
.pager-jumper-selectBox-dropdown-menu { font-size: 12px;}

span.error {font-weight:bold;}
div.errorSummary {width:100%;margin-top:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
div.errorSummary span {font-weight:bold;display:none;}
div.errorSummary ul {margin-left:40px;padding:14px 44px;}
div.errorSummary ul li {list-style:square;}

div.infoSummary {width:100%;margin-top:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
div.infoSummary span {font-weight:bold;display:none;}
div.infoSummary ul {position:relative;margin-left:40px;padding:14px 44px;}
div.infoSummary ul li {list-style:square;}

.panelWithHeader {display:inline-block;margin-bottom:10px;margin-right:10px;}
.panelWithHeader label {padding:3px 7px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block;height:18px;}
.panelWithHeader table th {text-align:left;padding:6px 6px 6px 6px;font-weight:bold;}
.panelWithHeader table td {padding:6px 6px 6px 0;}

.panelWithHeader table th.panelHeader {padding: 6px 6px 6px 0;}
.panelWithHeader table th.panelHeader.panelHeaderLeft {border-top-left-radius:2px;-moz-border-radius-topleft:2px;}
.panelWithHeader table th.panelHeader.panelHeaderRight {border-top-right-radius:2px;-moz-border-radius-topright:2px;}

.panel {display:inline-block;padding:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-bottom:10px;float:left;margin-right:10px;}
.panel label {padding:3px 7px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block;height:auto;min-height: 18px; min-width: 40px;}
.panel table th {text-align:left;padding:6px 6px 6px 0;font-weight:bold;}
.panel table td {padding:6px 6px 6px 0;}

.panelTitle {margin-right:10px;}
.panelTitle th {text-align:left;}

.floatedGraph {float:left;margin-right:10px;}

.withGraph {float:left;}
.graph {float:left;}

table.table {margin-bottom:10px;}
table.table th {text-align:left;font-weight:normal;padding:6px 6px;}
table.table th a {text-decoration:none;}
table.table th a:hover {text-decoration:underline;}
table.table th a:hover.disabled {text-decoration:none;}
table.table tr.topRow th {text-align:center;}
table.table td {padding:6px 6px;}
table.table td a {text-decoration:none;}
table.table td a:hover {text-decoration:underline;}

table tr.tableSubHeader td {padding:2px 6px}

table tr.footerRow td {padding:2px 6px}

table.workBookPreview {margin-left:20px;}
table.workBookPreview td, table.workBookPreview th {padding:10px;}

table.filterTable th.filterCell {text-align:left; padding: 6px 6px;}
table.filterTable td.filterCell {text-align:left; padding: 6px 6px;}

.info {float:right;}
.infoTable {padding:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.infoTable th {text-align:left;padding:6px 6px 6px 0;}
.infoTable table td {padding:6px 6px 6px 0;}
.infoHeader {background:#4c607a;padding:6px;color:#ffffff;border-top-left-radius:2px;-moz-border-radius-topleft:2px;border-top-right-radius:2px;-moz-border-radius-topright:2px;}

table.emptyTable th {padding:6px 6px 6px 0;text-align:left;}
table.emptyTable td {padding:6px 6px 6px 0;}

.informationLabel {font-style:italic;}

.dashboardPanel {width: 170px;height: 185px; display:block;float:left;background:#aabfd6;color:#000000;margin-right:10px; margin-bottom:10px; padding:10px 30px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-decoration:none;text-align:center;}
.dashboardPanel:hover {background:#4c607a;color:#ffffff;}
.dashboardPanel img {margin-bottom:5px;}
.dashboardPanel .label {display:block;}

/* Modal styles */
.modal {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.modal h1 {padding:2px 8px;margin-bottom:0;}
.modalContents {padding:10px;}
.modalContents table th {text-align:left;}
.modalContents table td {padding:6px 6px;}
.modalBackground {filter:alpha(opacity=70);opacity:0.7;}
.selectBox-dropdown-menu {z-index:100010 !important;position:relative;}

.LinkButton {border:none;width:auto;overflow:visible;padding:3px 5px;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-decoration:none !important;}

/* Master page styles */
#header {height:55px;padding:5px 8px;}
#mainLogo {float:left;}
#mainTitle {float:left;font-size:37px;font-weight:bold;}
.headerPanelRight {float:right;}
#loggedInPanelWrap {float:right;}
#LogoutLinkButton {float:right;margin-top:5px;}
/* This negative margin must be equal to the height of the footer (including padding, margin, borders) in order for the sticky footer to work */
#pageWrap {min-height:100%;height:auto;margin: 0 auto -25px;}
#contentPadding {padding:10px;}

#HelpImage {float:right;padding-top:5px;padding-right:8px;cursor:pointer;}

#MainMenuBar {height:26px;}
#MainMenu ul {float:none !important;height:26px;}
#MainMenu ul li {list-style:none;}
#MainMenu ul li a {text-decoration:none;padding:3px 12px 4px 12px !important;display:block;}
#MainMenu ul li img {position:relative;top:3px;vertical-align:baseline !important;margin-right:3px;}

/* This height must be equal to the height of the footer (including padding, margin, borders) in order for the sticky footer to work */
#push {height:25px;}

#footer {padding:3px;height:17px;position:relative;}

/* Page specific styles */

/* Login page */
.loginPanel {border-radius:2px;padding:0 0 30px 0;margin-left:auto;margin-right:auto;width:368px;position:absolute;top:50%;margin-top:-112px;left:50%;margin-left:-211px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.loginPanel h1 {padding:3px 5px;}
.loginPanel table {margin:30px 70px 0 70px;}
.loginPanel td {padding:7px 7px 7px 0;white-space:nowrap;}

/* Secondary toolbar */
.secondaryMenuBar {width:100%;height:26px;}
.secondaryMenuBar input { padding-left: 10px;padding-top: 5px;}

/* Temperature and force drop down panel */
#tempAndForceSelection {float:right;padding-right:12px;}
#tempAndForceSelection .label {display:inline-block;position:relative;top:2px;padding-left:12px;}
#tempAndForceSelection .selectBox {margin-top:1px;}

/* Update progress panel */
.updateProgress {position:absolute;background:#000000;width:100%;height:100%;filter:alpha(opacity=50);opacity:0.5;z-index:1000;}
.updateProgress img {width:48px;height:48px;margin-left:auto;margin-right:auto;position:relative;top:49%;left:49%;z-index:1500;}

/* Tooltip */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-50px; margin-left:50px;
    width:240px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

#MainContent_ActivityTypeRadioButtonList input[type="Radio"] {margin-right:2px;}
#MainContent_ActivityTypeRadioButtonList label {margin-right:10px;}

/* Order list styling */
ol.boxes-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.boxes-list > li{
    position: relative;
    margin-bottom: 15px;
    padding: 1em;
     
    background-color: #d5d5d5;
}
ol.boxes-list > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.94em;
    height: 0.94em;
     
    font-size: 3em;
    line-height: 0.94;
    text-align: center;
    color: #f5f5f5;
 
    background-color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}

ol.simple-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.simple-list > li{
    position: relative;
    margin-bottom: 2px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 2px solid #CCCCCC;
}
ol.simple-list > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;
     
    font-size: 3em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
 
    content: counter(li-counter);
    counter-increment: li-counter;
}
/* File upload styling */
#WBFileUpload #MainContent_SummaryControl_FileUpload {
    float: left;
    margin-right:19px
}
#WBFileUpload #MainContent_SummaryControl_lblError {
float: left;
}
#MainContent_SummaryControl_lblError{
    color:red;
    font-weight:bold;
    padding-top: 8px;
}
#MainContent_SummaryControl_FileUpload_ctl01 {
    background: url(/Assets/Images/upload-image.png) 100% 0 no-repeat !important;
  margin-top: 6px !important;
}
#MainContent_SummaryControl_FileUpload_ctl01:hover{
    background: url(/Assets/Images/upload-image-hover.png) 100% 0 no-repeat !important;
}