body 
{
    background-color:#C9D3E2;
    font: 12px/18px "Arial", sans-serif;
}

h1
{
    margin-top:0;
    font-weight:bold; 
    font-size:12pt; 
    color:#FDA24E;
}

h2
{
    font-weight:bold; 
    font-size:11pt; 
    color:#FDA24E;
}
h3
{
    font-weight:bold; 
    font-size:10pt; 
}

.bCodePnl
{
    float:right;
    font-family: "Z: 3of 9 BarCode";
    font-size: 16pt;
    font-weight:normal;
}

.cPnl 
{
     margin-left:59px;
}
.redbold 
{
    color:#cc0000;
    font-weight:bold;
}

.wrapper {
    width:960px;
    margin:0 auto;
    background-image:url(/images/common/pnlbk.jpg); 
    background-repeat:repeat-y;
    background-color:#fff;
    border-right:solid 1px #5176B0;
    border-top:solid 1px #5176B0;
    border-bottom:solid 1px #5176B0;
}

.container {
    margin-left:60px;
}

/* sca specific */
.barimage {
    float:left;
}

.header
{
    padding:10px;
}

.header img {
    float:left;
}

.toolPanel {
    float:right;
    background-color: #5176b0;
    border-radius: 5px;
    color: #fff;
    font-size: 8pt;
    padding: 10px;
    text-align: right;
    width: 158px;
}

.toolPanel a {
    color:#fff;
    text-decoration:none;
}

.loginBox {
    border: medium none;
    font-size: 8pt;
    margin-bottom: 1px;
    margin-top: 2px;
    padding: 0;
}


.loginButton {
    background-color: #5176b0;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 8pt;
    font-weight: 700;
    margin-bottom: 1px;
    margin-top: 4px;
}

.content
{
    padding:10px;
}

.logincell
{
    text-align:right;
    width:158px; 
    background-color:#5176B0;
    color:#fff;
    font-size:8pt;
    padding:10px;
    border-radius: 5px;
    
}

.loginBox
{
    margin-top: 2px;
	margin-bottom: 1px;
	padding:0;
    font-size:8pt;
    border:none;
}

.loginButton
{
    font-size: 8pt;
	margin-top: 4px;
	margin-bottom: 1px;
	font-weight: 700;
	color: #fff;
	background-color: #5176B0;
	border: 1px #fff solid;
	cursor: pointer;
}

.inputfield {  
    

	margin-top: 1px;
	margin-bottom: 1px;
	border: 1px #333399 solid;
	font-size: 8pt;
}

.inputbutton {
	font-size: 8pt;
	margin-top: 4px;
	margin-bottom: 1px;
	font-weight: 700;
	color: #333399;
	background-color: #fff;
	border: 1px #333399 solid;
	cursor: pointer;
}

/* main navigation */
.mNav
{
    background-color:#5176B0;
    margin:0 10px 0 10px;
    text-align:center;
    color:#fff;
    padding-top:6px;
    height:34px;
    border-radius: 5px;
}

/* footer and footer navigation */
.footer
{
    background-color: #fff;
    clear: both;
    color: #5176b0;
    font-size: 8pt;
    padding-top: 20px;
    text-align: center;
}

.footer ul
{
    list-style: none;  
    margin: 0;  
    padding: 0;  
    padding-top: 1em;
    color:#4F883C;
}

.footer li
{
    display: inline;
    border-left: solid 1px #4F883C;
    padding:0 10px 0 10px;
}

.footer li a
{
    color:#4F883C;
    text-decoration:none;
}

.footer li a:hover
{
    color:#5176B0;
    text-decoration:none;
}

/* front page customer satisfaction panel */
.satPanel
{
    background-color:#5176B0; 
    width:210px; 
    padding:10px; 
    color:#fff; 
    float:right;
    margin-left:10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.satPanel h1
{
    font-size:12pt;
    text-align:center;
    color:#fff;
}

.satPanel ul
{
    padding-left:14px;
    margin-left:0;
}

.satPanel a 
{
    color:#fff;
}

.hNav
{
    list-style:none;
}
.hNav li
{
    width:210px;
    float:left;
    font-weight:bold; 
    font-size:10pt; 
    color:#FDA24E;
}

.subHnav
{
    width:210px;
    float:left; 
    padding-left:0;
    margin:0;
}


.subHnav li
{
    display:block;
    width:200px;
    font-weight:normal; 
    font-size:10pt; 
    color:#000;
    padding-left:10px;
}

.specTable th
{
    font-weight:normal;
    color:#5176B0;
    text-align:left;
    padding-right:10px;
}

/* gridview */

.usertable
{
    border-collapse:collapse;
    border:solid 1px #000;
}

.usertable th 
{
    text-align:left;
    vertical-align:top;
    border-bottom:solid 1px #000;
    padding:2px 8px 2px 8px;
}

.usertable td 
{
    text-align:left;
    vertical-align:top;
    border-bottom:solid 1px #000;
    padding:2px 8px 2px 8px;
}

.gridAltItem
{
    background-color:	#F0F8FF;
}

/* style and color table */

.colorTable
{
    border-collapse:collapse;
}
.colorTable h1 
{
    text-align:center;
}
.colorTable th 
{
    font-weight:normal;
    padding-left:4px;
    padding-right:4px;
    border-bottom:solid 1px #89BD4D;
}

.colorTable td
{
    text-align:center;
    color:#5176B0;
    padding-left:4px;
    padding-right:4px;
}

/* status divs */

.Cancelled 
{
    background-color:#ff0000;
    color:#ffffff;
    border:solid 1px #000;
    text-align:center;
}
.Incomplete 
{
    background-color:#ffffff;
    color:#000;
    border:solid 1px #000;
    text-align:center;
}
.In-progress 
{
    background-color:#00ff00;
    color:#000;
    border:solid 1px #000;
    text-align:center;
}
.Complete 
{
    background-color:#339933;
    color:#fff;
    border:solid 1px #000;
    text-align:center;
}
.On-hold 
{
    background-color:#ff9900;
    color:#fff;
    border:solid 1px #000;
    text-align:center;
}

.datatable th
{
    text-align:left;
    background-color:#5176B0;
    color:#fff;
    padding-left:4px;
}
/* css layout for form, currently used on contact survey */

.cssform fieldset {  
    margin:0;  
    padding: 0;  
}  
.cssform legend {  
    margin-left: 1em;  
    color: #000000;  
    font-weight: bold;  
}  
.cssform label {    
    float: left;    
    width: 290px;    
    margin-right: 1em;  
}
.cssform fieldset ol {  
    padding: 1em 1em 0 1em;  
    list-style: none;  
}  
.cssform fieldset li {  
    float: left;    
    clear: left;    
    width: 100%;
    padding-bottom: .5em;   
}  

.cssform fieldset li input.inputfield
{
    width:300px;
}

.cssform fieldset li textarea 
{
    padding:2px;
    width:600px;
    font-family:Arial;
}

.cssform fieldset.submit {  
    border-style: none;  
}

/* anav */

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

.anav li 
{
    margin-bottom:4px;
}

.anav a 
{
    text-decoration:none;
    color:#5176B0;
    font-weight:bold;
}

.anav a:hover
{
    color:#89BD4D;
}

.ConTable 
{
    border:1px solid #000;
    width:285px;
}

.ConTable th 
{
    text-align:left;
    white-space:nowrap;
    padding-right:8px;
}

.ConTable td
{
    text-align:left;
}

.ConTable td input 
{
    width:100%;
    white-space:nowrap;
}

.ConTableHeading 
{
    font-weight:bold;
    /* border-bottom:1px solid #000; */
    background-color:#F0F0F0;
}

.ConTableHeading div
{
    float:right;
    text-align:right;
    font-weight:normal;
}

.OverRide td input
{
    width:20px;
}

.Chk, .Chk input 
{
    width:auto !important;
    margin-left:0;
}

/* feature panel on portal page */

.FeaturePnl
{
    width:240px; 
    float:right; 
    text-align:center;
    margin-right:10px;
    margin-left:20px;
}
.fcorner
{
    border-radius: 5px;
    border:1px solid #5176B0;
    padding:4px;
}

.FeaturePnl span
{
    color:#FDA24E;
    font-weight:bold;
    font-style:italic;
    font-size:12pt;
}

.FeaturePnl h1
{
    color:#000;
    font-size:11pt;
    margin:0 0 0 0;
}
.FeaturePnl h2
{
    color:#000;
    font-size:10pt;
    margin:0 0 0 0;
}

.FeaturePnl p
{
    text-align:justify;
    font-size:8pt;
}

.FeaturePnl a
{
    text-decoration:none;
}
.FeaturePnl a img
{
    border:none;
}
/* item detail page */


.idetail th 
{
    text-align:left;
    padding-right:4px; 
    font-weight:bold;
    white-space:nowrap;
}

.idetail tr 
{
    vertical-align:top;
}

.OrderTableContainer
{
     border:1px solid #333399; 
     padding:4px; 
     overflow-x:auto; 
     width:646px; 
     padding-bottom:12px;
}

.PanelHeading 
{
    background-color:#5176B0; 
    color:#fff; 
    text-align:center;
    font-weight:bold; 
}

.OrderTableContainer h1
{
    font-weight:bold; 
    font-size:12pt; 
    margin-top:0;
    margin-bottom:4px; 
    background-color:#5176B0; 
    color:#fff; 
    text-align:center;
}

.ItemContainer
{
     float:left; 
     width:200px; 
     margin-right:10px; 
     padding:4px; 
     border:1px solid #333399;
}

.ItemContainer h1
{
    font-weight:bold; 
    font-size:12pt; 
    margin-top:0;
    margin-bottom:4px; 
    background-color:#5176B0; 
    color:#fff; 
    text-align:center;
}

.OrderTableContainer table
{
    border-collapse:collapse;
}
.OrderTableContainer table th 
{
    border-bottom: 1px solid #000000;
}

/* for gridview, style the bottom border of the calls */
.bottomborder td
{
    border-bottom: 1px solid #000;
}

div.homepagemessage 
{
    border-radius: 10px;
    border:2px solid #5176B0;
    width:450px;
    margin-left:164px;
    text-align:left;
    font-size: 10pt;
    padding:10px;
    margin-bottom:10px;
    /* background-color:#F7F7F9; */
}

span.messagelabel 
{
    display:block;
    color:#FDA24E;
    font-size:14pt; 
    font-weight:bold;
    padding-bottom:10px;
}

/* formview ellements */

.fview {
    border:1px solid #000;
    margin-bottom:1em;
    vertical-align:top;
}
.fviewHeading {
    font-weight:bold;
    float:left;
    clear:left;
    width:100px;
}
.fviewData {
    padding-left:105px;
}
.fvLabel {
    font-weight:bold;
    background-color:#c2dfff;
    padding:4px;
}

/*******************************************************************************************
    Buttons
********************************************************************************************/

.yellowbutton {
    background-color: #ffab3c;
    color: #fff;
    cursor: pointer;
    font-size: 10pt;
    font-weight: 700;
    margin-bottom: 1px;
    margin-top: 4px;
    padding: 2px 6px;
}

.fyellowbutton {
    background-color: #ffab3c;
    color: #fff;
    cursor: pointer;
    font-size: 10pt;
    font-weight: 700;
    margin-bottom: 1px;
    margin-top: 4px;
    padding:4px 6px;
	border-radius:4px;
    border:1px solid #000;
    text-decoration:none;
}

.fgreenbutton {
    background-color: #78a31a;
    color: #fff;
    cursor: pointer;
    font-size: 10pt;
    font-weight: 700;
    margin-bottom: 1px;
    margin-top: 4px;
    padding:4px 6px;
	border-radius:4px;
    border:1px solid #000;
    text-decoration:none;
}

.graybutton {
    background-color: #939393;
    color: #fff;
    cursor: pointer;
    font-size: 10pt;
    font-weight: 700;
    margin-bottom: 1px;
    margin-top: 4px;
    padding: 2px 6px;
}

.greenbutton
{
    font-size: 10pt;
	margin-top: 4px;
	margin-bottom: 1px;
	font-weight: 700;
	color: #ffffff;
	background-color: #78a31a;
	cursor: pointer;
	padding:2px 6px;
	border-radius:4px;
    border:1px solid #000;
}


/*****************************************************
    Cached data warning popup
*******************************************************/
.impPnl
{
    text-align:center;
    font-size:10pt;
    width:350px;
    position:absolute;
    right:40%;
    top:180px;
    z-index:30;
    background-color:#fff;
    border:1px solid #7f7f7f;
    box-shadow: 2px 2px 2px #000;
}
.impPnl div
{
    padding:5px;
    color:#fff;
    background-color:#122142;
    font-size:14pt;
    margin-bottom:1em;
}
.impPnl a
{
    color:#17365d;
    
}

/**************************************************************************************************
    Single location order page, colors may be SCA specific
***************************************************************************************************/

.viewItem {
    border:1px solid #000;
    margin-bottom:.5em;
    width:436px;
    display:inline-block;
    background-color:#fff;
    color:#000;
    vertical-align:top;
}

.viewItemSelected {
    border:1px solid #000;
    margin-bottom:.5em;
    width:436px;
    display:inline-block;
    background-color:#c2dfff;
    color:#000;
    vertical-align:top;
}
    .viewItem img, .viewItemSelected img {
        vertical-align:top;
        width:100px;
        height:100px;
    }

.pnl1 {
    vertical-align:top;
    display:inline-block;
    width:170px;
    font-size:8pt;
    padding:4px;
}

    .pnl1 strong {
        font-size:10pt;
    }

.sloCat {
    padding:2px;
    color:#fff;
    font-weight:bold;
    background-color:#8bbc4f;
}

.infpop {
        text-align:center;
}

    .infpop div {
        background-color:#5176b0;
        color:#fff;
        font-size:14pt;
        padding:10px;
    }


.sBtn {
    text-decoration:none;
    background-color:#c2dfff;
    display:block;
    border-radius:4px;
    color:#000;
    padding:2px;
    text-align:center;
    margin-top:2px;
    border:1px solid #000;
    margin-top:6px;
    font-weight:bold;
}
.dsBtn {
    text-decoration:none;
    background-color:#fff;
    display:block;
    border-radius:4px;
    color:#000;
    padding:2px;
    text-align:center;
    margin-top:2px;
    border:1px solid #000;
    margin-top:6px;
    font-weight:bold;
}

/********************************************************
    all locations order page and cart page
********************************************************/

.pager {
}

.tpldiv {
    background-color:#5176B0;
    font-weight:bold;
    color:#fff;
    padding:2px;
}

.compdivSelected {
    border-bottom:1px solid #000;
    background-color:#c2dfff;
    padding:2px;
}

.compdivUnSelected {
    border-bottom:1px solid #000;
    background-color:#fff;
    padding:2px;
}
    .compdivSelected a, .compdivUnSelected a {
        text-decoration:none;
    }

    .compdivSelected:hover, .compdivUnSelected:hover {
        cursor:pointer;
    }

.infpop {
        text-align:center;
}

    .infpop div {
        background-color:#5176b0;
        color:#fff;
        font-size:14pt;
        padding:10px;
    }

.managepop {
        text-align:left;
}

.mph {
    background-color:#5176b0;
        color:#fff;
        font-size:14pt;
        padding:10px;
}
    .mph a {
        float:right;
        color:#fff;
    }

/***   Order system landing page    ***/
.osys{
    /*clear:both;*/
    text-align:center;
    /*background:url('../Images/Common/logo.png');*/
    background-repeat:no-repeat;
    background-position:center;
    padding-bottom:50px;
}

.osyspan{
    display:inline-block;
    width:150px;
    padding:10px;
    background-color:#65666a;
    color:#ffffff;
    margin-right:50px;
    box-shadow:2px 2px 2px #000;
    margin-bottom:20px;
}

.opanlinkon {
    text-decoration:none;
    color:#ffffff;
}

.opanlinkon:hover {
    color:#66BD24;
}