/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display: none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { }


.tabberlive { margin-top: 1em; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav { margin: 0px; padding: 9px 0; border-bottom: 1px solid #00C1F2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

    ul.tabbernav li { list-style: none; margin: -1px; display: inline; }

        ul.tabbernav li a { padding: 9px 0.5em; margin-left: 1px; border: 1px solid #00C1F2; border-bottom: none; text-decoration: none; background-color: #9FECFF; }

            ul.tabbernav li a:link { color: #448; }
            ul.tabbernav li a:visited { color: #667; }

            ul.tabbernav li a:hover { color: #383C45; background: #46DAFF; border-color:; }

        ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; }

            ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; }
#table-div { height: auto; width: auto; width: 99%; border: 0; text-align: center; }
    #table-div td { padding: 6px; }
    #table-div table { }



/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { padding: 5px; overflow: auto; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #00C1F2; border-bottom-color: #00C1F2; border-left-color: #00C1F2; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */ /* overflow:auto; */ }

    /* If desired, hide the heading since a heading is provided by the tab */
    .tabberlive .tabbertab h2 { display: none; }
    .tabberlive .tabbertab h3 { display: none; }

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { }
.tabberlive#tab2 { }
    .tabberlive#tab2 .tabbertab { height: 200px; overflow: auto; }
.tableheader th { border: 1px solid #D0D7E5; color: White; background-image: url("../blue-theme/images/bg_green.png"); background-repeat: repeat-x; background-position: center; color: White; padding: 4px; }
.tableheader td { border: 1px solid #D0D7E5; }
.xslx { margin-top: 0px; width: 100%; }

    .xslx th { border: 1px solid #D0D7E5; color: White; background-image: url("../blue-theme/images/bg_green.png"); background-repeat: repeat-x; background-position: center; color: White; padding: 4px; }

    .xslx a { color: #FFF; }
    /*.xslx a:hover, .xslx a:focus, .xslx a:active { color: Brown; text-decoration: underline; }*/
    .xslx > tbody > tr > td { border: 1px solid #D0D7E5; padding: 2px 2px; text-align: left; vertical-align: middle; }

    .xslx td span { padding: 4px; }

    .xslx tr:nth-child(2n+1) { background-color: #EEE; }

    .xslx tr:hover { background-color: #b3c7e6; }
    /*.xslx td:focus { border: 2px solid #000; }*/
    .xslx input[type=text] { width: 96%; margin: 2px; }

    .xslx select { width: 100%; padding: 2px 2px 3px; }

    .xslx input[type=text] { font-size: 13px; color: #333; padding: 2px; }

    .xslx input[type=submit] { font-weight: bold; min-width: 56px; }

    .xslx tr.header { background: url("../images/wave.png") repeat-x scroll right center transparent; color: #FFFFFF; text-shadow: 0 0 1px DarkBlue; }

.formview { margin-top: 1em; width: 100%; }
    .formview th { border-bottom: 1px solid #CCCCCC; color: DarkBlue; font-size: x-large; margin-bottom: 2px; padding: 4px; text-align: left; }

    .formview a { display: inline-block; padding: 4px; }
        .formview a:hover, .xslx a:focus, .xslx a:active { color: Brown; text-decoration: underline; }
    .formview > tbody > tr > td { padding: 5px; text-align: left; font-weight: bold; vertical-align: middle; }
    .formview td span { padding: 4px; }
    .formview td:focus { border: 2px solid #000; }
    .formview input[type=text] { width: 250px; height: 20px; padding: 5px; border: 1px solid Grey; }
    .formview input[type=password] { height: 20px; padding: 5px; width: 250px; border: 1px solid Grey; }
    .formview select { height: 30px; padding: 5px; width: 263px; border: 1px solid Grey; width: 260px; }

    .formview input[type=submit] { background: #0078ae url(../blue-theme/images/headerbackground.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; padding: 5px; border: 1px solid #1589FF; color: White; }
        .formview input[type=submit]:hover { background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; border: 1px solid #1589FF; color: White; }

    .formview a { display: inline-block; padding: 4px; }
.formviewfourcolumns a:hover, .xslx a:focus, .xslx a:active { color: Brown; text-decoration: underline; }
.formviewfourcolumns > tbody > tr > td { padding: 5px; text-align: left; font-weight: bold; vertical-align: middle; }
.formviewfourcolumns td span { padding: 4px; }
.formviewfourcolumns td:focus { border: 2px solid #000; }
.formviewfourcolumns input[type=text] { width: 100px; height: 20px; padding: 5px; border: 1px solid Grey; }
.formviewfourcolumns input[type=password] { height: 20px; padding: 5px; width: 100px; border: 1px solid Grey; }
.formviewfourcolumns select { height: 30px; padding: 5px; width: 120px; border: 1px solid Grey; }

.formviewfourcolumns input[type=submit] { background: #0078ae url(../blue-theme/images/headerbackground.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; padding: 5px; border: 1px solid #1589FF; color: White; }
    .formviewfourcolumns input[type=submit]:hover { background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; border: 1px solid #1589FF; color: White; }

.fv { margin-top: 1em; width: 100%; }
    .fv th { border-bottom: 1px solid #CCCCCC; color: DarkBlue; font-size: x-large; margin-bottom: 2px; padding: 4px; text-align: left; }

    .fv a { display: inline-block; padding: 4px; }
        .fv a:hover, .xslx a:focus, .xslx a:active { color: Brown; text-decoration: underline; }
    .fv > tbody > tr > td { padding: 5px; text-align: left; font-weight: bold; vertical-align: middle; }
    .fv td span { padding: 4px; }
    .fv td:focus { border: 2px solid #000; }
    .fv a { display: inline-block; padding: 4px; }
    .fv select { height: 30px; padding: 5px; width: 200px; border: 1px solid Grey; }
    .fv input[type=text] { width: 200px; height: 20px; padding: 5px; border: 1px solid Grey; }

.buttonstylish { background-color: DeepSkyBlue; color: White; font-weight: bold; border: 1px solid #1589FF; color: White; font-weight: bold; padding: 5px; }
.ajax__myTab .ajax__tab_header { font-family: Calibri; font-size: 14px; margin-top: 5px; margin-left: 5px; margin-right: 5px; background-image: url("../blue-theme/images/headerbackground.png"); background-repeat: repeat-x; background-position: center; color: White; /*border: solid 0.5px #00FFFF;*/ -webkist-border-top-left-radius: 10px 5px; -webkit-border-top-right-radius: 10px; -moz-border-top-left-radius: 10px 5px; -moz-border-top-right-radius: 10px; }

.ajax__myTab .ajax__tab_outer { margin-top: 3px; padding: 5px; margin-right: 2px; margin-left: 2px; border-top: solid 0.5px ##FFF; text-align: center; border-right: solid 0.5px #FFF; border-left: solid 0.5px #FFF; background-color: wheat; -webkit-border-top-left-radius: 10px 5px; -webkit-border-top-right-radius: 10px; -moz-border-top-left-radius: 10px 5px; -moz-border-top-right-radius: 10px; color: White; }
.temp { background: url(../blue-theme/images/bg_green.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; margin-left: 10px; }
.ajax__myTab .ajax__tab_inner { height: 20px; padding: 5px; text-align: center; color: White; }

.ajax__myTab .ajax__tab_tab { margin-top: 5px; color: #585858; }

.ajax__myTab .ajax__tab_hover .ajax__tab_outer { }

.ajax__myTab .ajax__tab_hover .ajax__tab_inner { }

.ajax__myTab .ajax__tab_hover .ajax__tab_tab { }

.ajax__myTab .ajax__tab_active .ajax__tab_outer { background-color: White; background: White; background-color: White; color: Gray; }

.ajax__myTab .ajax__tab_active .ajax__tab_inner { }

.ajax__myTab .ajax__tab_active .ajax__tab_tab { }

.ajax__myTab .ajax__tab_body { font-family: Calibri; font-size: 14; border-top: 0; -moz-border-radius: 5px; border-left: solid 1px #2E9AFE; border-right: solid 1px #2E9AFE; border-bottom: solid 1px #2E9AFE; border-radius: 1px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; background-color: #ffffff; }


.MyCalendar .ajax__calendar_container { border: 1px solid #2E9AFE; border-radius: 5px; background-color: #E0F8F7; color: Blue; }
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year { color: Black; }
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year { color: White; background-color: Blue; }
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year { color: Red; font-weight: bold; }
.gridinsert { background-color: #FBEFFB; }
.gridalternate { background-color: #E0F8F7; }
.ajaxloader { text-align: center; }
.itemsinsert { border-bottom: 1px solid #2E9AFE; background-color: #FBEFFB; }
    .itemsinsert input[type=text] { width: 50px; padding: 5px; }
    .itemsinsert select { padding: 5px; }
    .itemsinsert .items { width: 304px; }
    .itemsinsert .others { width: 149px; }
    .itemsinsert .num { width: 40px; }
    .itemsinsert table { font-family: Calibri; font-weight: bold; }
        .itemsinsert table th { border: 1px solid #D0D7E5; color: White; background-image: url("../blue-theme/images/headerbackground.png"); background-repeat: repeat-x; background-position: center; color: White; padding: 4px; }
    .itemsinsert input[type=submit] { background: #0078ae url(../blue-theme/images/headerbackground.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; padding: 5px; border: 1px solid #1589FF; color: White; }
        .itemsinsert input[type=submit]:hover { background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; border: 1px solid #1589FF; color: White; }
.CustomComboBoxStyle .ajax__combobox_textboxcontainer input { background-position: center; color: Black; padding: 4px; border: 1px solid black; }
.CustomComboBoxStyle .ajax__combobox_buttoncontainer button { vertical-align: middle; border: 1px; background-image: url("../blue-theme/images/arrow.png"); }
.imagelink { float: left; }
    .imagelink a { margin: 5px; background-color: honeydew; width: 70px; min-height: 70px; float: left; text-align: center; -moz-border-radius: 5px; border: 1px Solid rgb(182, 224, 224); color: Black; border-radius: 5px; padding: 10px 5px 0 5px; display: block; }
        .imagelink a:hover { color: Black; background-color: rgb(198, 238, 190); border-color: rgb(164, 224, 109); box-shadow: 0px 0px 7px 4px rgb(169, 235, 144) inset; }
        .imagelink a img { display: block; margin:auto; }
.imghover:hover { }
.imghover:hover { background-color: #81DAF5; }
input[type=text], input[type=password], textarea { border-color: #BBB #CCC #CCC #BBB !important; border-width: 1px; border-style: solid; padding: 3px; }
    input[type=text]:focus, input[type=password]:focus, textarea:focus { box-shadow: 1px 1px 1px #DDD inset; -mox-transistion: box-shadow; background-color: AliceBlue; }

.button { white-space: nowrap; display: inline-block; text-decoration: none; }
    .button:hover { text-decoration: none !important; }
.medium { font-size: 12px !important; padding: .4em 1.5em .42em !important; }

.small { font-size: 11px !important; padding: .2em 1em .275em !important; }
/* color styles 
---------------------------------------------- */

/* black */
.black { color: #d7d7d7; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); }

    .black:hover { color: #d7d7d7; background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top, #444, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); }

    .black:active { color: #666; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); background: -moz-linear-gradient(top, #000, #444); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); }
/* gray */
.gray { color: #e9e9e9; border: solid 1px #555; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background: -moz-linear-gradient(top, #888, #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); }

    .gray:hover { color: #e9e9e9; background: #616161; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background: -moz-linear-gradient(top, #757575, #4b4b4b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }

    .gray:active { color: #e9e9e9; color: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); background: -moz-linear-gradient(top, #575757, #888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); }
/* white */
.white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }

    .white:hover { color: #606060; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }

    .white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); }
/* orange */
.orange { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }

    .orange:hover { color: #fef4e9; background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }

    .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }
/* red */
.red { color: #faddde; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); }

    .red:hover { color: #faddde !important; background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); }

    .red:active { color: #de898c !important; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); }
/* blue */
.blue { color: #d9eef7; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); }

    .blue:hover { color: #d9eef7; background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); }

    .blue:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); }
/* rosy */
.rosy { color: #fae7e9; border: solid 1px #b73948; background: #da5867; background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)); background: -moz-linear-gradient(top, #f16c7c, #bf404f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); }

    .rosy:hover { color: #fae7e9; background: #ba4b58; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)); background: -moz-linear-gradient(top, #cf5d6a, #a53845); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); }

    .rosy:active { color: #dca4ab; background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c)); background: -moz-linear-gradient(top, #bf404f, #f16c7c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); }
/* green */
.green { color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); }

    .green:hover { color: #e8f0de; background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }

    .green:active { color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top, #4e7d0e, #7db72f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); }
/* pink */
.pink { color: #feeef5; border: solid 1px #d2729e; background: #f895c2; background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)); background: -moz-linear-gradient(top, #feb1d3, #f171ab); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); }

    .pink:hover { color: #feeef5; background: #d57ea5; background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4)); background: -moz-linear-gradient(top, #f4aacb, #e86ca4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); }

    .pink:active { color: #f3c3d9; background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3)); background: -moz-linear-gradient(top, #f171ab, #feb1d3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); }

.searchbox { font-size: 13px; background-color: #e9e9e9; border-bottom: 2px solid #CCC; margin-bottom: 2px; }

    .searchbox input[type="text"] { padding: 4px; }

    .searchbox td { padding: 4px; }

    .searchbox strong { color: rgb(245, 81, 40); }