.wlib
{
   font: 11px Tahoma, Arial, sans-serif;
   padding: 2px 2px 2px 2px;
   display: inline-block;
   color: #555;
   line-height: 1.3;
}

.wlib applet, .wlib object, .wlib iframe, .wlib h1, .wlib h2, .wlib h3, .wlib h4, .wlib h5, .wlib h6, .wlib blockquote, .wlib pre, .wlib abbr, .wlib acronym, .wlib address, .wlib big, .wlib cite, .wlib code, .wlib del, .wlib dfn, .wlib em, .wlib ins, .wlib kbd, .wlib q, .wlib s, .wlib samp, .wlib small, .wlib strike, .wlib strong, .wlib sub, .wlib sup, .wlib tt, .wlib var, .wlib b, .wlib u, .wlib i, .wlib center, .wlib dl, .wlib dt, .wlib dd, .wlib ol, .wlib ul, .wlib li, .wlib fieldset, .wlib form, .wlib label, .wlib legend, .wlib caption, .wlib article, .wlib aside, .wlib canvas, .wlib details, .wlib embed, .wlib figure, .wlib figcaption, .wlib footer, .wlib header, .wlib hgroup, .wlib menu, .wlib nav, .wlib output, .wlib ruby, .wlib section, .wlib summary, .wlib time, .wlib mark, .wlib audio, .wlib video
{
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
   outline: none;
}

.wlib img
{
   margin: 0;
   padding: 0;
   border: 0;
   vertical-align: middle;
}

.wlib p
{
   margin: 0 0 0.4em 0;
   padding: 0.4em 0 0 0;
}

.wlib hr
{
   margin: 3px 0;
   padding: 0;
   color: #993333;
}

.wlib a
{
   text-decoration: underline;
}
.wlib a:link
{
   color: #369;
}
.wlib a:visited
{
   color: #369;
}
.wlib a:hover
{
   cursor: pointer;
   color: #f90;
}
.wlib a:active
{
   color: #f90;
}
.wlib a.disabled
{
   text-decoration: none;
   color: #808080;
   cursor: s-resize;
}

.wlib input[type="text"]
{
   border-bottom: silver 1px solid;
   border-right: silver 1px solid;
   border-top: silver 1px solid;
   border-left: silver 1px solid;
   font-family: Tahoma, Arial, sans-serif;
   color: #333333;
   font-size: 100%;
}

.wlib input[type="password"]
{
   border-bottom: silver 1px solid;
   border-right: silver 1px solid;
   border-top: silver 1px solid;
   border-left: silver 1px solid;
   font-family: Tahoma, Arial, sans-serif;
   color: #333333;
   font-size: 100%;
}

.wlib input[type="button"]
{
   font-family: Tahoma, Arial, sans-serif;
   color: #333333;
   font-size: 100%;
   border-style: outset;
   white-space: nowrap;
   cursor: pointer;
}

.wlib input[type="submit"]
{
   font-family: Tahoma, Arial, sans-serif;
   color: #333333;
   font-size: 100%;
   border-style: outset;
   white-space: nowrap;
   cursor: pointer;
}

.wlib select
{
   border-bottom: silver 1px solid;
   border-right: silver 1px solid;
   border-top: silver 1px solid;
   border-left: silver 1px solid;
   font-family: Tahoma, Arial, sans-serif;
   color: #333333;
   font-size: 100%;
}
.wlib textarea
{
   border-bottom: silver 1px solid;
   border-right: silver 1px solid;
   border-top: silver 1px solid;
   border-left: silver 1px solid;
   font-family: Tahoma, Arial, sans-serif;
   color: #333333;
   font-size: 100%;
}

/* Unfortunately, using css to specify a cells padding screws up some contained 3rd party controls (Telerik and some
ComponentArt stuff) probably because they use the HTML table CellPadding/CellSpacing markup commands. I just hope
that all browsers handle CellPadding/CellSpacing the same way */
.wlib table
{
   margin: 0;
   border: 0;
   border-spacing: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}

.wlib tbody, .wlib tr, .wlib td, .wlib th, .wlib thead, .wlib tfoot
{
   margin: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: middle;
}

.wlib tr.wl_disable
{
   background-color: #e7e7ff;
}



/* table-related classes that use css to specify table cell padding. Should only be used for tables that won't
contain other tables that use CellPadding/CellSpacing html markup commands. This also excludes some ComponentArt controls */
.wlib table.standardTable th
{
   padding: 0.1em !important;
}
.wlib table.standardTable td
{
   padding: 0.1em 0.1em 0.1em 0.2em !important;
}

.wlib table.paddedTable th
{
   padding: 0.3em 0.3em 0.3em 0.1em !important;
}
.wlib table.paddedTable td
{
   padding: 0.3em 0.3em 0.2em 0.1em !important;
}

.wlib table.defaultTable td
{
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-spacing: 0 !important;
   vertical-align: middle; /* not important! */
}

.wlib table.defaultTable th
{
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-spacing: 0 !important;
   vertical-align: middle; /* not important! */
}

.wl_sectiontitle
{
   color: rgb(89, 108, 166);
   padding: 2px 0px 2px 9px;
   background: rgb(245, 220, 112);
   background: -moz-linear-gradient(90deg, rgb(226, 173, 43) 40%, rgb(245, 220, 112) 75%);
   background: -webkit-linear-gradient(90deg, rgb(226, 173, 43) 40%, rgb(245, 220, 112) 75%);
   background: -o-linear-gradient(90deg, rgb(226, 173, 43) 40%, rgb(245, 220, 112) 75%);
   background: -ms-linear-gradient(90deg, rgb(226, 173, 43) 40%, rgb(245, 220, 112) 75%);
   background: linear-gradient(0deg, rgb(226, 173, 43) 40%, rgb(245, 220, 112) 75%);
   -webkit-box-shadow: 1px 2px 2px rgba(50, 50, 50, 0.75);
   -moz-box-shadow: 1px 2px 2px rgba(50, 50, 50, 0.75);
   box-shadow: 1px 2px 2px rgba(50, 50, 50, 0.75);
   font-size: 12px;
   font-weight: bold;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   min-height: 10px;
}

.wl_sectiontitle a
{
   color: rgb(78, 97, 137);
}
.wl_sectiontitle a:link
{
   color: rgb(78, 97, 137);
}
.wl_sectiontitle a:visited
{
   color: rgb(78, 97, 137);
}
.wl_sectiontitle a:hover
{
   color: rgb(145, 160, 193);
}
.wl_sectiontitle a:active
{
   color: rgb(145, 160, 193);
}

.wl_standardtitle
{
   margin: .5em 0;
   padding: 0;
   color: #E68706;
   font-size: 1.2em !important;
   font-weight: bold !important;
}

.wl_standardtitle a, .wl_standardtitle a:link, .wl_standardtitle a:visited
{
   text-decoration: none;
   color: #E68706;
   cursor: pointer;
}
.wl_standardtitle a:hover
{
   text-decoration: none;
   color: #369;
   cursor: pointer;
}

.wlib .wl_formSectionTitle
{
   font-weight: bold;
   background-image: url('../Images/header_back.bmp');
   height: 22px;
   line-height: 22px;
   border: 1px solid #D5D4E1;
   padding-left: 1px;
   padding-bottom: 1px;
   vertical-align: middle;
}

/* settings that are usefull for multi-edit Gridviews with frozen headers/columns */
.wl_fixedHeader
{
   font-size: 100%;
   text-align: left;
   color: #333333;
}

.wl_fixedHeader th
{
   background-repeat: repeat-x;
   background-color: #ffffff;
   line-height: 18px;
   border-left: 1px solid #dbddff;
   border-right: 1px solid #dbddff;
   border-bottom: 1px solid #dbddff;
   background-image: url('../Images/header_back.bmp');
}

.wl_fixedTableBody td
{
   color: #003399; /* background-color: #F4F7FF; */ /* font-weight: bold; */
   vertical-align: top;
}

.wl_fixedTableBody input
{
   font-family: Tahoma, Arial, sans-serif;
   color: #003399; /* font-size: 95%; */
   background-color: #E1E8FF;
   font-weight: bold;
}


.wl_scrollingTableBody td
{
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   border: 0px; /* background-color: #F4F7FF; */
}

/*  end multi-edit Gridviews  */

.wl_standardbox
{
   background-color: #F0EBD1;
   border: 2px solid rgb(255, 220, 138);
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -webkit-box-shadow: inset 3px 3px 3px 0px rgba(255,255,255, .6), 1px 1px 2px 0px rgba(0,0,0, .2);
   -moz-box-shadow: inset 3px 3px 3px 0px rgba(255,255,255, .6), 1px 1px 2px 0px rgba(0,0,0, .2);
   box-shadow: inset 3px 3px 3px 0px rgba(255,255,255, .6), 1px 1px 2px 0px rgba(0,0,0, .2);
   overflow-x: auto;
   overflow-y: auto;
   padding: 4px 4px 4px 4px;
}

.wl_standardbox ul
{
   /* list-style-position: inside; */
   margin-left: 15px;
   list-style: disk;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.wl_standardbox ol
{
   /* list-style-position: inside; */
   list-style-type: decimal;
   margin-left: 25px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}
.wl_standardbox li
{
   margin-top: 0.2em;
}

.wl_thinbox
{
   border: 1px solid #CCCCCC;
   background-color: #fdfbea;
   color: #808080;
   font-size: 11px;
   padding: 4px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   overflow-x: auto;
   overflow-y: auto;
}

.wl_thinbox ul
{
   /* list-style-position: inside; */
   margin-left: 15px;
   list-style: disk;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.wl_thinbox ol
{
   /* list-style-position: inside; */
   list-style-type: decimal;
   margin-left: 25px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}
.wl_thinbox li
{
   margin-top: 0.2em;
}

.wl_validationbox
{
   background-color: #fdfbea;
   padding: 6px 4px 4px 4px; /* font-size: 11px;  */
   border: solid 2px darkred;
   overflow: auto;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   -webkit-box-shadow: inset 3px 3px 3px 0px rgba(255,255,255, .6), 1px 1px 1px 0px rgba(0,0,0, .2);
   -moz-box-shadow: inset 3px 3px 3px 0px rgba(255,255,255, .6), 1px 1px 1px 0px rgba(0,0,0, .2);
   box-shadow: inset 3px 3px 3px 0px rgba(255,255,255, .6), 1px 1px 1px 0px rgba(0,0,0, .2);
}

.wl_validationbox ul
{
   /* list-style-position: inside; */
   margin-left: 15px;
   list-style: disk;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.wl_validationbox ol
{
   /* list-style-position: inside; */
   list-style-type: decimal;
   margin-left: 25px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}
.wl_validationbox li
{
   margin-top: 0.2em;
}

.wl_reginput td input
{
   width: 380px;
}

.wlib .wl_details
{
   border: 1px solid #E2E2EB;
   background-color: #F8F7FB;
   font-size: 11px;
   color: #333333;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding-top: 6px;
   padding-left: 2px;
}

.wlib .wl_details a
{
   font-size: 11px;
   color: #666699;
}


.wlib .wl_details th
{
   background-image: url(../Images/header_back.bmp);
   height: 22px;
   color: #CF6363;
   font-weight: bold;
   text-align: left;
   font-size: 12px;
   border: 1px solid #D5D4E1;
   padding-right: 1px;
   padding-left: 1px;
   padding-bottom: 1px;
   padding-top: 1px;
   margin-right: 8px;
   margin-left: 8px;
}

.wlib .wl_details tr
{
   background-color: #F8F7FB;
}

.wlib .wl_details td
{
   border: 1px solid #E2E2EB;
   padding-right: 1px;
   padding-left: 1px;
   padding-bottom: 1px;
   padding-top: 1px;
}

/* gridview styles */


/* Grid stuff */
.wlib .wl_gridHeader
{
   background-image: url(../Images/grid_headerBg.bmp);
   border-bottom: 1px solid #FFCC66;
   height: 26px;
   cursor: default;
   font-weight: bold;
   color: #CB5454;
}

.wlib .wl_gridHeader a
{
   color: rgb(78, 97, 137);
   text-decoration: none;
}
.wlib .wl_gridHeader a:hover
{
   color: rgb(145, 160, 193);
   text-decoration: none;
}

.wlib .wl_gridviewMain
{
   font-size: 11px;
   border: 1px solid #EBEBEB;
   color: #333333;
}

.wlib .wl_gridviewMain th
{
   background-repeat: repeat-x;
   background-color: #ffffff;
   line-height: 18px;
   border-left: 1px solid #dbddff;
   border-right: 1px solid #dbddff;
   border-bottom: 1px solid #dbddff;
   background-image: url(../Images/grd_Blue.jpg);
   font-weight: bold;
   font-size: 11px;
   color: #333333;
   padding: 1px 3px 1px 1px;
}

.wlib .wl_gridrowSelected
{
   background-image: url(../Images/selected_row.gif);
}
.wlib .wl_gridRowStyle
{
   border: 1px solid #dbddff;
   background-color: #F4F7FF;
}
.wlib .wl_gridRowStyle:hover
{
   border: 1px solid #EBEBEB;
   background-image: url(../Images/hover_row.gif);
}
.wlib .wl_gridAlternateRowStyle
{
   background-color: #FFF0FF;
}
.wlib .wl_gridAlternateRowStyle:hover
{
   background-image: url(../Images/hover_row.gif);
}
.wlib .wl_msgwarning
{
   color: #c03;
}
.wlib .wl_msgattention
{
   color: #800;
}
.wlib .wl_MsgDisplaySuccess
{
   background-color: #FFFDE6;
   border: 2px solid #bacdff;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -webkit-box-shadow: inset 4px 4px 4px 0px rgba(255,255,255, 1), 1px 1px 2px 0px rgba(0,0,0, .2);
   -moz-box-shadow: inset 4px 4px 4px 0px rgba(255,255,255, 1), 1px 1px 2px 0px rgba(0,0,0, .2);
   box-shadow: inset 4px 4px 4px 0px rgba(255,255,255, 1), 1px 1px 2px 0px rgba(0,0,0, .2);
   overflow-x: auto;
   overflow-y: auto;
   padding: 4px 4px 4px 4px;
}
.wlib .wl_MsgDisplayFailure
{
   border: solid 2px darkred;
   background-color: #ffffea;
   padding-left: 3pt;
   padding-right: 10pt;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}
.wlib .wl_MsgDisplayFailure li
{
   margin-top: 0.5em;
}

.wlib .wl_welcomedisplay
{
   font-size: 12px;
   text-align: right;
}

.wl_addrightmargin3
{
   margin-right: 0.6em !important;
}

.wl_pointernowrap
{
   white-space: nowrap;
   cursor: pointer;
}
.wl_calImg
{
   margin: 0;
   padding: 0;
   border: 0;
   cursor: pointer;
}
.wl_btnDel
{
   background-image: url('../Images/bin_closed.png');
   border-style: none;
   width: 16px;
   height: 16px;
   background-color: transparent;
   display: inline-block;
   text-decoration: none;
   text-align: center;
}