﻿/* Overrides Section */
.ui-widget-header {
    padding: 5px; 
    border: solid 1px #CCD6E1;
    font-size:9pt;
}
.ui-state-error {
    padding:5px;
}

.ui-state-highlight {
    padding:5px;
}

.ui-widget-content {
    padding:2px;
}

.ui-widget {
    font-family:Verdana;
}

/* ui - FieldSets */
.ui-fieldsets {
    padding:5px;
}

.ui-fieldsets legend {
    font-weight:bold;
    padding:3px 10px 3px 10px;
    background-image:url('../images/lightGradient.gif');
    -moz-border-radius: 5px;
    border-radius: 5px;    
    border: solid 1px #E8EEF0;
    color:#2E6E9E;
}

/* ui - Field Containers */
.ui-fieldcontainer {
    position:relative;
    display:block;
    line-height:20pt;

}

.ui-fieldright {
    position:absolute;
    right:0;
    top:2px;
    line-height:20pt;
    *top:-3px;
}

/* ui - RequiredField */
.ui-requiredfield {
    background-color:#FEF7F7;
}
/* ui - Autocomplete */
.ui-completionlist {
    position:absolute !important;
    top:0;
    left:0;
    z-index:999999 !important;
    float:left;
    padding:5px;
    margin:0;
    border:solid 1px #667585;
    background-color:#FAFAFA;
    list-style:none;
    text-align:left;
}

.ui-completetionlistitem {
    list-style:none;
    padding:0;
}

.ui-completionlistitemhighlight {
    background-color:#FFFCDE;
    border:solid 1px #bcbcbc;
}

/* ui-content */
.ui-content {
    padding:5px;
}

.ui-centercontent {
    margin-left:auto;
    margin-right:auto;
}

.ui-inputfieldtitle {
    background-color:#F9FBFC;
    border:solid 1px #E2E8EE;
}

.ui-grayedout {
    color:#8C8C8C;
}

/* Helpers - Visible */
.ui-helper-visible {display:inline; }

/* Helpers - Visible */
.ui-helper-block { display: block; }

/* Helpers - Standard Margins */ 
.ui-helper-margintop { margin-top:15px; }
.ui-helper-margintopbottom { margin-top:15px; margin-bottom:15px; }
.ui-helper-marginbottom { margin-bottom:15px; }
.ui-helper-margin { margin:15px; }
.ui-helper-marginsmall { margin:5px; }

/* Helpers - Standard Paddings */ 
.ui-helper-paddingtop { padding-top:15px; }
.ui-helper-paddingtopbottom { padding-top:15px; padding-bottom:15px;  }
.ui-helper-paddingbottom { padding-bottom:15px; }
.ui-helper-padding { padding:15px; }
.ui-helper-paddingsmall { padding:5px;}
.ui-helper-nopadding { padding: 0;}

/* Helpers - Standard Align */ 
.ui-helper-alignright { text-align:right; }
.ui-helper-alignleft { text-align:left; }
.ui-helper-aligncenter { text-align:center; }

.ui-helper-requiredfield { border-left: solid 2px #e70000; }

/* Helpers - No Wrap */
.ui-helper-nowrap { white-space: nowrap; }

/* Helpers - Button Bar */
.ui-helper-buttonbar { padding:3px 0px 0px 2px; }

/* Helpers - Dark Container */
.ui-helper-darkcontainer {
    background-color:#FAFAFA;
    border:solid 1px #CCD6E1;
}

/* Helper - Texbox*/
.ui-helper-texboxclear {
    border:none;
    background-color:transparent;
}

.ui-helper-modalpopup {
    border: solid 1px #667585;
    padding:2px;
    background-color:White;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}

.ui-helper-hoverpointer:hover {
    cursor:pointer;        
}

.ui-helper-width100 { width: 100%;}
.ui-helper-width90 { width: 90%;}
.ui-helper-width50 { width: 50%;}
.ui-helper-width25 { width: 25%;}
.ui-helper-width10 { width: 10%;}

.ui-helper-widthsmall { width: 50px;}
.ui-helper-widthmedium { width: 100px;}
.ui-helper-widthlarge { width: 200px;}

.ui-helper-cursor:hover {
    cursor: pointer;
}

.ui-helper-bold {
    font-weight: bold;
}

.ui-helper-italic {
    font-style: italic;
}

.ui-helper-displayblock {
    display: block;
}

.ui-helper-displayinline {
    display: inline;
}

.ui-helper-noDecoration {
    text-decoration: none;
}

.ui-state-highlight-header {
    background-color: #ebd760;
    font-weight: bold;
}

/* jButton Style */
.jbutton, .jbutton:active, .jbutton:visited {
    border: 1px solid #e2e8ee; 
    /*background: #f3f4f6 url('../jqueryui/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x; */
    background: #f3f4f6 50% 50% repeat-x; 
    font-weight: bold; 
    color: #2e6e9e !important; 
    -moz-border-radius: 5px;
    border-radius: 5px;    
    padding: 0;
    overflow: visible;
    padding:5px 15px 5px 15px;
    width:1;
    height:1;

}
*+html .jbutton { line-height:9px; } /* Fix For IE 7 */
.jbutton:hover {
    cursor: pointer;
    border: 1px solid #B5C9DE; 
    /*background: #eff0f5 url(../jqueryui/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;*/
    background: #eff0f5 50% 50% repeat-x;
}

/* Update Progress */
.progressOverlayContainer {
    background-image: url('/SiteResourcesCommon/images/TransPng20.png');
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 10000;
}

.progressOuterContainer {
    position:absolute; 
    top:45%; 
    width:100%; 
    text-align: center; 
}

.progressInnerContainer {
    border: solid 1px #989aa8;
    background-image: url('/SiteResourcesCommon/images/LoadingBG.gif');
    width:200px; 
    padding:10px;
    margin: 0 auto 0 auto;
}

/*listing Items*/
ul.list {
    list-style-type: none;
    padding-left: 0;
}

.listItem:hover {
    background-color: #dfebf3;
}


.listItem
{
    padding:3px;
    border-bottom:solid 1px #d4d4d4;
}

.listTable
{
    width:100%;
    padding:0;
}

.listTable th
{
    padding:5px;
}

.listTable td
{
    padding:5px;
}

.listTable tr:hover
{
    background-color:#dfebf3;
    color: black;
}

.error { color: red;}
.errorIcon {
    float: left;
    margin: 0 20px 20px 0;
}

/* Validation Styles */
.field-validation-error { color: #ff0000; display: block;}
.field-validation-error-inline { color: #ff0000; display: inline; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000;border: 1px solid #ff0000; background-color: #ffeeee;padding: 10px 10px 0 10px; -moz-border-radius: 5px; border-radius: 5px;font-size: 10pt;margin-top: 5px;margin-bottom: 5px; }
.validation-summary-valid { display: none; }

/* Pagination */
.pagination { width: 100%;text-align: center; line-height: 30px }
.pagination .prev{ float: left; }
.pagination .next{ float: right; }
.pagination .pages { text-align: center;margin-left: 100px;margin-right: 100px; }
.pagination .active { background-color: #e7e8e9; border: solid 1px #d5d5d5; color:gray !important }