/*------------------------------------------------------------------------*/
/* This is the primary css for desktop and tv.
/*------------------------------------------------------------------------*/
/* Layout Classes */
/*------------------------------------------------------------------------*/
.page
{
    max-width:984px;
    min-width:984px;
    margin: 0px auto;
}

.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:44px;
    background-color: #f4f4f4;
    background-image: url(/Images/apptitlebar_shadow.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    border-bottom: 1px solid #d9d9d9;
}

.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 0px;
}
.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: #2868a9;
    text-decoration: none;
    cursor: pointer;
    font-size:.8em;
}
.oc-editor-label a:hover
{
    text-decoration:underline;
}
.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;
    padding-top:5px;
    margin: 0;
}
.oc-editor-section-body
{
    margin-left:220px;
}
.oc-editor-control-container
{
    display:inline-block;
    width:200px;
}
.oc-editor-section-submit
{
    margin-left:10px;
    margin-right:20px;
}
P.oc-paragraph
{
    margin-left:20px;
}
P.oc-paragraph a
{
    color: #2868a9;
    text-decoration: none;
    cursor: pointer;
}
P.oc-paragraph a:hover
{
    text-decoration:underline;
}
.oc-link-underline
{
    text-decoration:underline;
}
.oc-link-underline:hover
{
    text-decoration:none;
}
div.oc-breadcrumb
{
    width:100%; 
    margin-top:5px;
    margin-left:10px;
}
div.oc-breadcrumb a
{
    font-weight:bold;
    color:#2868a9;
    text-decoration:none;
}
div.oc-breadcrumb a:hover
{
    text-decoration:underline;
}
div[id^="accordion"] h3
{
    font-weight:bold;
    font-size:1.2em;
}
ul.oc-list
{
    margin-left:20px;
    padding-left:10px;
    padding-top:10px;
}
ul.oc-list li
{
   list-style-type:square;
   margin-bottom:5px;
}
ul.oc-list li ul
{
    margin-left:20px;
}
ul.oc-list li ul li
{
    list-style-type:circle;
    margin-bottom:5px;
}
ul.oc-list li a
{
    color: #2868a9;
    text-decoration: none;
    cursor: pointer;
    font-size:1em;
}
ul.oc-list li a:hover
{
    text-decoration:underline;
}
.oc-pre
{
    color:#ffffff;
    border: 1px solid rgb(17,17,17);
    background: none repeat scroll 0% 0% rgb(68,68,68);
    padding:1em;
    margin:0pt 0pt 2em;
    line-height:1.3em;
    overflow:auto;
    font-size:1.1em;
}
.oc-next-page
{
    padding:1em;
    border:1px solid #454545;
    background-color:#dedede;
    width:90%;
    margin:0 auto;
    font-size:1.2em;
    text-align:center;
}
.oc-next-page a
{
    color: #2868a9;
    text-decoration: none;
    cursor: pointer;
}
.oc-next-page a:hover
{
    text-decoration: underline;
}
/*------------------------------------------------------------------------*/
/* 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;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}
.fg-menu-button
{
    clear: left;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
    margin: 0 2px 20px 10px;
    padding: .2em .5em;
}
.fg-menu-button .ui-icon
{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}
.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;
}
/* removes extra button width in IE */
.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;
}
/* solo icon buttons must have block properties for the text-indent to work */
.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:#2868a9;
    text-decoration: none;
    border:none;
    font-size:1.0em;  
}
.oc-menu-link:hover
{
    text-decoration: underline;
}
.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;
    cursor:pointer; 
}
.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:6px;
    margin-bottom:5px;
}
.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 A
{
    color:#2868a9;
    text-decoration:none;
}
.oc-webgrid A:hover
{
    text-decoration:underline;
}
.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-header .ui-icon 
{
        background-image: url(images/ui-icons_ffffff_256x240.png);
}
.oc-webgrid-footer a
{
    color: #2868a9;
    text-decoration: none;
    cursor: pointer;
}
.oc-webgrid-footer a:hover
{
    text-decoration:underline;
}
.oc-webgrid-footer-results
{
    float: right;
}

/*------------------------------------------------------------------------*/
/*oc tooltip styles */
/*------------------------------------------------------------------------*/
.tooltip 
{
	    display:none;
        background:transparent url(/Images/Tooltips/white_arrow.png);
        font-size:12px;
        height:70px;
        width:160px;
        padding:25px;
        color:#000;          
}
.fg-button-tooltip
{
	margin: 0px 0px 0px 0px !important;
	padding: 1px 7px 1px 7px !important;
} 
.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;
}

/*------------------------------------------------------------------------*/
/*oc modal styles */
/*------------------------------------------------------------------------*/
.oc-modal-detail
{
    padding: .2em; width: 600px; 
}
.oc-modal-detail .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.oc-modal-detail .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.oc-modal-detail .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.oc-modal-detail .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.oc-modal-detail .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.oc-modal-detail .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.oc-modal-detail-header H1
{
     margin:0;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
}