/****************************
Base.css

Contains all "base" styles that are used by a variety of applications and user controls.
Does NOT contain styles specific to a particular application or user control.

2009-05-13  Walt Edwards added documentation.
2009-09-22  Walt Edwards added btnPause, btnPlay
****************************/

*
{
    font-family: Arial, Verdana;
}

/* ****** Paging (VCR style) Buttons ***** */
.btnPageFirst, .btnPageLast, .btnPageNext, .btnPagePrevious, .btnPreview, .btnSearch,
.btnDelete, .btnDown, .btnLeft, .btnPause, .btnPlay, .btnRight, .btnRotateLeft, .btnRotateRight, .btnSave, .btnUp
{
    background-color: Transparent;
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    height: 16px;
    margin: 0 1px 0 0;
    width: 16px;
}
.btnPageFirst    { background-image: url('Masterpage/PageFirst.gif') }
.btnPageLast     { background-image: url('Masterpage/PageLast.gif') }
.btnPageNext     { background-image: url('Masterpage/PageNext.gif') }
.btnPagePrevious { background-image: url('Masterpage/PagePrevious.gif') }
.btnPreview      { background-image: url('Button/preview.gif') }
.btnSearch       { background-image: url('Masterpage/search.gif'); height: 18px; margin: 0 0 2px 0; width: 21px; }
.btnDelete       { background-image: url('Button/delete.gif') }
.btnDown         { background-image: url('Button/medium_down.gif') }
.btnLeft         { background-image: url('Button/medium_left.gif') }
.btnPause        { background-image: url('Button/medium_pause.gif') }
.btnPlay         { background-image: url('Button/medium_play.gif') }
.btnRight        { background-image: url('Button/medium_right.gif') }

.btnRotateLeft   { background-image: url('Button/RotateLeft.png'); height:11px; width:8px; margin-left: -5px; margin-right: -3px; }
.btnRotateRight  { background-image: url('Button/RotateRight.png'); height:11px; width:8px; margin-left: 5px;}

.btnSave         { background-image: url('Button/save.gif') }
.btnUp           { background-image: url('Button/medium_up.gif') }

.btnNoMargins, .btnResizeable
{
    background-color: #333333; 
    color: white;
    cursor: pointer;
    font-size: 10px;
    height: 19px;
    margin: 0 4px 4px 0;        
}

.btnNoMargins { margin: 0 }

#divMain fieldset input[type="checkbox"], #divMain input[type="checkbox"]
{
    margin: 0 0 -5px 0;
}

#divMain label, fieldset label
{
    display:inline-block ;
    font-size: 12px;
    margin: 0 5px 0 0;
}

#divTitle, #divTitle2
{
    background: url('Masterpage/title-bg.jpg');
    background-position: 0 0;
    background-repeat: no-repeat; 
    color: White;
    font-size: 28px;
    height: 56px;
    padding: 45px 0 0 30px;
}

#divTitle2
{
    background: url('');
    background-color: White;
    color: Black;
    font-size: 20px;
    font-weight: bold;
    height: 34px;
    letter-spacing: 1px;
    padding: 22px 0 0 0;
}

#divToolTip
{
    padding: 15px;
    text-align: left;
    vertical-align: top;
}

.error {font-weight: bold; color:Red}

#divMain select, fieldset input[type="text"], fieldset input[type="password"], fieldset select, fieldset textarea
{
    font-size: 12px;
    margin: 0 4px 4px 0;
}

#divMain select:hover, fieldset input[type="checkbox"]:hover, fieldset input[type="text"]:hover, fieldset input[type="password"]:hover, fieldset select:hover, fieldset textarea:hover
{
    background-color: #F5F5F5;
}

fieldset select, fieldset input, fieldset textarea
{
    margin: 0 4px 4px 0;
}

/* Font Styles */
.fb {font-weight: bold}
.fi {font-style: italic}
.fl {float: left}
.fr {float: right}

.hidden {display:none; visibility:hidden;}

/* Fixed heights */
.h0 {height: 0}
.h01 {height: 10px}
.h02 {height: 20px}
.h03 {height: 30px}
.h04 {height: 40px}
.h05 {height: 50px}
.h06 {height: 60px}
.h07 {height: 70px}
.h08 {height: 80px}
.h09 {height: 90px}
.h10 {height: 100px}
.h11 {height: 110px}
.h12 {height: 120px}
.h13 {height: 130px}
.h14 {height: 140px}
.h15 {height: 150px}
.h16 {height: 160px}
.h17 {height: 170px}
.h18 {height: 180px}
.h19 {height: 190px}
.h20 {height: 200px}
.h21 {height: 210px}
.h22 {height: 220px}
.h23 {height: 230px}
.h24 {height: 240px}
.h25 {height: 250px}
.h26 {height: 260px}
.h27 {height: 270px}
.h28 {height: 280px}
.h29 {height: 290px}
.h30 {height: 300px}
.h31 {height: 310px}
.h32 {height: 320px}
.h33 {height: 330px}
.h34 {height: 340px}
.h35 {height: 350px}
.h36 {height: 360px}
.h37 {height: 370px}
.h38 {height: 380px}
.h39 {height: 390px}
.h40 {height: 400px}
.h43 {height: 430px}
.h45 {height: 450px}
.h50 {height: 500px}
.h51 {height: 510px}
.h52 {height: 520px}
.h53 {height: 530px}
.h54 {height: 540px}
.h55 {height: 550px}
.h60 {height: 600px}
.ha {height: auto}

/* Left side field label (right alligned within fixed width) with various sizes */
.l1 { text-align: right; vertical-align: middle; width: 10px }
.l2 { text-align: right; vertical-align: middle; width: 20px }
.l3 { text-align: right; vertical-align: middle; width: 30px }
.l4 { text-align: right; vertical-align: middle; width: 40px }
.l5 { text-align: right; vertical-align: middle; width: 50px }
.l6 { text-align: right; vertical-align: middle; width: 60px }
.l7 { text-align: right; vertical-align: middle; width: 70px }
.l8 { text-align: right; vertical-align: middle; width: 80px }
.l9 { text-align: right; vertical-align: middle; width: 90px }
.l10 { text-align: right; vertical-align: middle; width: 100px }
.l11 { text-align: right; vertical-align: middle; width: 110px }
.l12 { text-align: right; vertical-align: middle; width: 120px }
.l13 { text-align: right; vertical-align: middle; width: 130px }
.l14 { text-align: right; vertical-align: middle; width: 140px }
.l15 { text-align: right; vertical-align: middle; width: 150px }
.l16 { text-align: right; vertical-align: middle; width: 160px }

/* Margin Top */
#divMain .mt5  { margin-top: 5px }    /* Used by labels for Telerik controls */
#divMain .mt15 { margin-top: 15px }

.MultiPageBorder { border: inset 2px Silver }

/* Overflow */
.oh { overflow: hidden }
.os { overflow:scroll }
.ov { overflow:visible }

.panel { border-style: groove; border-width: 2px; border-color: silver; padding: 10px; padding-right: 5px; }

/* Positioning */
.pc {text-align: center}
.pl {text-align: left}
.pr {text-align: right}

.pb {vertical-align:bottom}
.pm {vertical-align:middle}
.pt {vertical-align:top}

.success {font-weight: bold; color:Green}

/*                  select {font-size: 11px} */
.w0 {width: 0}      select.w0 {width: 0}
.w1 {width: 10px}   select.w1 {width: 15px}
.w2 {width: 20px}   select.w2 {width: 25px}
.w3 {width: 30px}   select.w3 {width: 35px}
.w4 {width: 40px}   select.w4 {width: 45px}
.w5 {width: 50px}   select.w5 {width: 55px}
.w6 {width: 60px}   select.w6 {width: 65px}
.w7 {width: 70px}   select.w7 {width: 75px}
.w8 {width: 80px}   select.w8 {width: 85px}
.w9 {width: 90px}   select.w9 {width: 95px}
.w10 {width: 100px} select.w10 {width: 105px}
.w11 {width: 110px} select.w11 {width: 115px}
.w12 {width: 120px} select.w12 {width: 125px}
.w13 {width: 130px} select.w13 {width: 135px}
.w14 {width: 140px} select.w14 {width: 145px}
.w15 {width: 150px} select.w15 {width: 150px}
.w16 {width: 160px} select.w16 {width: 165px}
.w17 {width: 170px} select.w17 {width: 175px}
.w18 {width: 180px} select.w18 {width: 185px}
.w19 {width: 190px} select.w19 {width: 195px}
.w20 {width: 200px} select.w20 {width: 205px}
.w21 {width: 210px} select.w21 {width: 215px}
.w22 {width: 220px} select.w22 {width: 225px}
.w23 {width: 230px} select.w23 {width: 235px}
.w24 {width: 240px} select.w24 {width: 245px}
.w25 {width: 250px} select.w25 {width: 255px}
.w26 {width: 260px} select.w26 {width: 265px}
.w27 {width: 270px} select.w27 {width: 275px}
.w28 {width: 280px} select.w28 {width: 285px}
.w29 {width: 290px} select.w29 {width: 295px}
.w30 {width: 300px} select.w30 {width: 305px}
.w31 {width: 310px} select.w31 {width: 315px}
.w32 {width: 320px} select.w32 {width: 325px}
.w33 {width: 330px} select.w33 {width: 335px}
.w34 {width: 340px} select.w34 {width: 345px}
.w35 {width: 350px} select.w35 {width: 355px}
.w36 {width: 360px} select.w36 {width: 365px}
.w37 {width: 370px} select.w37 {width: 375px}
.w38 {width: 380px} select.w38 {width: 385px}
.w39 {width: 390px} select.w38 {width: 395px}
.w40 {width: 400px} select.w40 {width: 405px}
.w41 {width: 410px} select.w41 {width: 415px}
.w42 {width: 420px} select.w42 {width: 425px}
.w43 {width: 430px} select.w43 {width: 435px}
.w44 {width: 440px} select.w44 {width: 445px}
.w45 {width: 450px} select.w45 {width: 455px}
.w46 {width: 460px} select.w46 {width: 465px}
.w47 {width: 470px} select.w47 {width: 475px}
.w48 {width: 480px} select.w48 {width: 485px}
.w49 {width: 490px} select.w49 {width: 495px}
.w50 {width: 500px} select.w50 {width: 505px}
.w51 {width: 510px} select.w51 {width: 515px}
.w52 {width: 520px} select.w52 {width: 525px}
.w53 {width: 530px} select.w53 {width: 535px}
.w54 {width: 540px} select.w54 {width: 545px}
.w55 {width: 550px} select.w55 {width: 555px}
.w60 {width: 600px} select.w60 {width: 605px}
.w65 {width: 650px} select.w65 {width: 655px}
.w70 {width: 700px} select.w70 {width: 705px}
.w71 {width: 710px} select.w71 {width: 715px}
.w72 {width: 720px} select.w72 {width: 725px}
.w80 {width: 800px} select.w80 {width: 805px}
.w90 {width: 900px} select.w90 {width: 905px}
.w91 {width: 910px} select.w91 {width: 915px}
.w100 {width: 97%}
.wa   {width: auto}
.wmax {width: 940px}