/*------------------------------------------------------------------------*/
/* This is the primary css for desktop and tv.
/*------------------------------------------------------------------------*/
/* Layout Classes */
/*------------------------------------------------------------------------*/
/*
.page
{
    max-width:984px;
    min-width:984px;
    margin: 0px auto;
}
.header
{
    width: 100%;
    clear: both;
    display: block;
    margin: 0px auto;
    padding: 0 0 0 0;
    overflow: hidden;
    margin: 0 auto;
    background-color: #787db7;
}
.header-image
{
    border: 0px None;
    display: block;
    margin: 0;
}
.main
{
    width: 100%;
    clear: both;
    display: block;
    margin: 0px auto;
    padding: 0 0 0 0;
    overflow: hidden;
}
.apptitlebar
{
    width: 100%;
    clear: both;
    display: block;
    margin: 0px auto;
    padding: 0 0 0 0;
    overflow: hidden;
    height:32px;
    background-color: #f4f4f4;
    background-image: url(../Images/apptitlebar_shadow.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    border-bottom: 1px solid #d9d9d9;
}
.footer
{
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 0 0 0 0;
    margin: 0 auto;
    background-color: #F4F4F4;
    color: #585858;
    border:1px solid #D9D9D9;
    margin-top:15px;
}
.footer-shadow
{
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 0 0 0 0;
    margin: 0 auto;
    width: 100%;
    background-image: url(../Images/footer_shadow.jpg); shadow no longer in design...leaving in case they want it back. 
    background-position: left top;
    background-repeat: repeat-x;
}
.screensize-change-menu
{
    width: 100%;
    clear: both;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: right;
    display: block;
    height: 30px;
}
.hidden
{
    position: absolute;
    top: 0;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.content
{
    max-width:970px;
}
*/
/*------------------------------------------------------------------------*/
/* OC General Classes */
/*------------------------------------------------------------------------*/
/*
.oc-page-title
{
    font-size: 28px;
}
.oc-editor-field
{
    margin: 2px 3px 2px 10px;
}
.oc-editor-field input
{
    float:left;
}

.oc-editor-label
{
    font-size:1.2em;
    margin: 2px 3px 2px 10px;
    padding-top:10px;
}
.oc-editor-label a
{
    color: #232323;
    text-decoration: none;
    border-bottom: 1px dotted #232323;
    cursor: pointer;
    font-size:.8em;
}
.oc-editor-label a:hover
{
    border-bottom: 0px dotted #787878;
    color:#656565;
}
.oc-editor-submit
{
    font-size:1.2em;
    padding: 40px 3px 2px 10px;
    float:right;
}
.oc-editor-section-head
{
    width:200px;
    padding-left:20px;
}
.oc-editor-section-head-helptext
{
    font-size:.8em;
    font-style:italic;
    display:block;
    padding-left:10px;
    margin: 0;
}
.oc-editor-section-body
{
    margin-left:220px;
}
.oc-editor-section-submit
{
    margin-left:10px;
}
P.oc-paragraph
{
    margin-left:20px;
}
P.oc-paragraph a
{
    color: #232323;
    text-decoration: none;
    border-bottom: 1px dotted #232323;
    cursor: pointer;
}
P.oc-paragraph a:hover
{
    color: #656565;
    border-bottom: 0px dotted #232323;
}
.oc-link-underline
{
    text-decoration:underline;
}
.oc-link-underline:hover
{
    text-decoration:none;
}
*/
/*------------------------------------------------------------------------*/
/* out-of-the-box MVC related classes */
/*------------------------------------------------------------------------*/
/*
.field-validation-error
{
    color:Red;
    margin-left:10px;
}
.validation-summary-errors li
{
    list-style: square;
    margin-left:30px;
}
*/
/*------------------------------------------------------------------------*/
/* jquery ui theme related classes */
/*------------------------------------------------------------------------*/
/*
.fg-button
{
    clear: left;
    margin: 0 2px 20px 10px;
    padding: .2em .5em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}
.fg-button .ui-icon
{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}
a.fg-button
{
    float: left;
}
button.fg-button
{
    width: auto;
    overflow: visible;
}
.fg-button-icon-left
{
    padding-left: 2.1em;
}
.fg-button-icon-right
{
    padding-right: 2.1em;
}
.fg-button-icon-left .ui-icon
{
    right: auto;
    left: .2em;
    margin-left: 0;
}
.fg-button-icon-right .ui-icon
{
    left: auto;
    right: .2em;
    margin-left: 0;
}
.fg-button-icon-solo
{
    display: block;
    width: 8px;
    text-indent: -9999px;
}
.fg-button .ui-state-loading .ui-icon
{
    background: url(../Images/spinner_bar.gif) no-repeat 0 0;
}
.ui-textbox-active { border: 3px solid #e4d6fa; background-color: #efefef; font-weight: normal; color: #121212; }
*/

/*------------------------------------------------------------------------*/
/*oc titlebar/menu styles/footer */
/*------------------------------------------------------------------------*/
/*
.oc-link-button
{
    padding: .4em 1em .4em 1em;
    text-decoration: none;
}
.oc-menu-link
{
    color:#585858;
    text-decoration: none;
    border:none;
    font-size:1.0em;  
}
.oc-menu-link:hover
{
    text-decoration: none;
}
.oc-icon
{
    float: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.oc-menu-button
{
    height:31px;
    margin-top:8px;
    margin-left:20px;
}
.oc-menu-button-link-text
{
    color:#585858;
    font-size:1.2em;
}
.oc-menu-button-link-text-small
{
    font-size:1.0em; 
}
.oc-menu-outer:hover
{
    background-color: #e3e3e3;
}
.oc-menu-outer
{
    height:100%;
    float:left;
    border-left: 1px solid #d9d9d9; 
    
}
.oc-menu-cart-button-container
{
    float: right;
    height:100%;
    border-left: 1px solid #d9d9d9; 
}
.oc-menu-cart-button-container:hover
{
    background-color: #e3e3e3;
}
.oc-menu-options-button-container
{
    float: left;
    height:100%;
    border-left: 1px solid #d9d9d9; 
    border-right: 1px solid #d9d9d9; 
}
.oc-menu-options-button-container:hover
{
    background-color: #e3e3e3;
}

.oc-menu-help-button-container
{
    width: 25px;
    height: 25px;
    margin-left: 20px;
}
.oc-menu-logout-container
{
    float: right;
    border-left: 1px solid #d9d9d9; 
    height:100%;
    font-size:1em;
    color:#585858;
}
.oc-menu-login-link-container
{
    float: right;
    border-left: 1px solid #d9d9d9; 
}
.oc-menu-login-link-container:hover
{
    background-color: #e3e3e3;
}
.oc-application-title
{
    font-size:1.4em;
    float:left;
    color:#585858;
    height:100%;
    border-left: 1px solid #d9d9d9; 
}
.oc-options-menu-icon
{
    margin-left:12px;
    margin-right:14px;
    margin-top:7px;
    margin-bottom:4px;
}
.oc-cart-menu-icon
{
    margin-left:12px;
    margin-right:10px;
    margin-top:12px;
    margin-bottom:4px;
}
.oc-environment
{
    font-style:italic;
    font-size:1.4em;
    float:left;
    color:#585858;
    height:100%;
}
.oc-environment-inner
{
    margin-left:20px;
    margin-top:4px;
}
.oc-environment-box-icon
{
    height:10px;
    width:10px;
    position:relative;
    top: 7px;
    float:left;
    margin-right:3px;
}
.oc-footer-link
{
    color:#585858;
    text-decoration: none;
    border:none;  
    font-size:inherit;
}

.oc-footer-link:hover
{
    text-decoration:underline;
}
.oc-footer-text
{
     color:#585858;
     font-size:0.8em; 
}
.oc-footer-device-change-button
{
    display:inline-block;
    border-left: 1px solid #d9d9d9; 
    cursor:pointer;
}
.oc-footer-device-change-button:hover
{
    background-color: #e3e3e3;
}
.oc-menu-seperator
{
    background-color:#454545;
    color:White;
   
}
*/
/*------------------------------------------------------------------------*/
/*oc webgrid styles */
/*------------------------------------------------------------------------*/
/*
.oc-webgrid
{
    margin: 4px;
    border-collapse: collapse;
}
.oc-webgrid-header
{
    background-color: #787878;
    font-weight: bold;
    color: #FFF;
}
.oc-webgrid-header A
{
    font-weight: bold;
    color: #FFF;
}
.oc-webgrid-header A:Hover
{
    text-decoration: underline;
}
.oc-webgrid th, .oc-webgrid td
{
    border: 1px solid #C0C0C0;
    padding: 5px;
}
.oc-webgrid-row-alt
{
    background-color: #EAEAEA;
    color: #000;
}
.oc-webgrid-column-highlight
{
    font-weight: bold;
}
.oc-webgrid-header-icon
{
    float: right;
    width: 15px;
    height: 15px;
}
.oc-webgrid-footer a
{
    color: #232323;
    text-decoration: none;
    cursor: pointer;
}
.oc-webgrid-footer a:hover
{
    color: #656565;
    text-decoration:underline;
}
.oc-webgrid-footer-results
{
    float: right;
}
*/
/*------------------------------------------------------------------------*/
/*oc tooltip styles */
/*------------------------------------------------------------------------*/
/*
.tooltip {
	display:none;
	background:transparent url(../Images/Tooltips/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

.oc-loading-dialog .ui-dialog-titlebar
{
    display:none;
}
.oc-loading-dialog 
{
    border: 0;
    background-color: transparent;
    background-image: none;
}


.field-required:before
{
    color: red;
    content: "*";
}
.field-required2:after
{
    font-style: italic;
    font-weight: normal;
    font-size:.8em;
    content: " (Required)";
    color:#565656;
}
.field-required3
{
    border-color: #666666;
    border-style: dashed;
    width: 220px;
    padding: 5px;
}
.field-required3 label
{
    color: red;
    font-style: italic;
    font-weight: bold;
}
*/
.apptitlebar
{
    border-top:1px solid #5eae86;
    border-bottom:1px solid #014c26;
    background-image: none;
    background: #027f40; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #545454; /* Old browsers */
background: -moz-linear-gradient(top,  #545454 0%, #545454 41%, #444444 59%, #3b3b3b 100%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(41%,#545454), color-stop(59%,#444444), color-stop(100%,#3b3b3b), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #545454 0%,#545454 41%,#444444 59%,#3b3b3b 100%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #545454 0%,#545454 41%,#444444 59%,#3b3b3b 100%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #545454 0%,#545454 41%,#444444 59%,#3b3b3b 100%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #545454 0%,#545454 41%,#444444 59%,#3b3b3b 100%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}
.oc-menu-button-link-text
{
    color:#ffffff;
}
.oc-menu-logout-container
{
    color:#ffffff;
}
.oc-application-title
{
    color:#ffffff;
}
.oc-environment
{
    color:#ffffff;
}
.oc-menu-login-link-container:hover
{
    background-color: #434343;
}
.oc-menu-options-button-container:hover
{
    background-color: #434343;
}
.oc-menu-cart-button-container:hover
{
    background-color: #434343;
}
.oc-menu-outer:hover
{
    background-color: #434343;
}
.oc-menu-options-button-container
{
    border-right-width:0px;
}
.oc-menu-outer
{
    border-width:0px;
}