﻿/****************************
File:       Base.css

Purpose:    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.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2010-10-14  Walt Edwards added .btnXls, .ws73 - .ws96, adjusted .divTitle padding-right.
2010-10-14  Walt Edwards moved ALL colors to zzzColors.CSS to prevent confusion and maintenance issues.
2011-01-12  Kalyana Valli modified all .w* classes with appropriate select widths and added new classes for Rad Controls.
2011-01-20  Kalyana Valli added classes for btnContainer
2011-01-31  Kalyana Valli added .PF, .L*, .T* classes.  Walt Edwards put them in alphabetical order.
2011-07-19  Walt Edwards added .mt5, .mt8, .mt10, .mt15.
2011-08-05  Walt Edwards added btnHeader* classes.
****************************/

.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered
{
    float:left;
    margin:0 1px;
    min-height:13px;
    overflow:hidden;
    padding:2px 19px 2px 6px;
    width:125px;
} 

*
{
    font-family: Arial, Verdana;
}

.btnContainer { padding: 0 4px 4px 0 }
.btnContainer input { margin:  auto }


/* ****** Paging (VCR style) Buttons ***** */
.btnPageFirst, .btnPageLast, .btnPageNext, .btnPagePrevious, .btnPreview, .btnSearch,
.btnDelete, .btnDown, .btnLeft, .btnPause, .btnPlay, .btnRight, .btnRotateLeft, .btnRotateRight, .btnSave, .btnUp, .btnXls
{
    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') }
.btnXls          { background-image: url('Button/xls.gif'); height:36px; width:37px; margin: 0 0 2px 0;}

.btnHeaderConfigureOff, .btnHeaderConfigureOn, .btnHeaderHelpOff, .btnHeaderHelpOn, .btnHeaderHiddenButton, .btnHeaderIsChatMessage, .btnHeaderNoChatMessage, .btnHeaderRefresh, .btnHeaderSave, .btnHeaderUndo
{
    background-color: transparent; 
    background-image: url('button/HeaderSprites.gif');
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    height: 16px;
    margin: 0 3px 0 0;
    width: 16px;
}

.btnHeaderConfigureOff  { background-position:  -2px  -2px; }  .btnHeaderConfigureOff:hover   { background-position: -20px  -2px }
.btnHeaderConfigureOn   { background-position: -38px  -2px; }  .btnHeaderConfigureOn:hover    { background-position: -56px  -2px }
.btnHeaderHelpOff       { background-position:  -2px -92px; }  .btnHeaderHelpOff:hover        { background-position: -20px -92px }
.btnHeaderHelpOn        { background-position: -38px -92px; }  .btnHeaderHelpOn:hover         { background-position: -56px -92px }
.btnHeaderIsChatMessage { background-position: -38px -56px; }  .btnHeaderIsChatMessage:hover  { background-position: -56px -56px }
.btnHeaderNoChatMessage { background-position:  -2px -56px; }  .btnHeaderNoChatMessage:hover  { background-position: -20px -56px; cursor:default; }
.btnHeaderRefresh       { background-position:  -2px -74px; }  .btnHeaderRefresh:hover        { background-position: -20px -74px }
.btnHeaderSave          { background-position: -38px -38px; }  .btnHeaderSave:hover           { background-position: -56px -38px }
.btnHeaderUndo          { background-position: -38px -20px; }  .btnHeaderUndo:hover           { background-position: -56px -20px }

.btnHeaderHiddenButton  { background-image: url(''); cursor:default }

.btnNoMargins, .btnResizeable
{
    cursor: pointer;
    font-size: 10px;
    height: 19px;
    margin: 0 4px 4px 0;        
}

.btnNoMargins { margin: 0 }

.m0 input { margin: auto}

#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; 
    font-size: 28px;
    height: 56px;
    padding: 45px 0 0 35px;
}

#divTitle2
{
    background: url('');
    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}

#divMain select, fieldset input[type="text"], fieldset input[type="password"], fieldset select, fieldset textarea
{
    font-size: 12px;
    margin: 0 4px 4px 0;
}

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 } */

.L1 {left: 10px}
.L2 {left: 20px}
.L3 {left: 30px}
.L4 {left: 40px}
.L5 {left: 50px}
.L6 {left: 60px}
.L7 {left: 70px}
.L8 {left: 80px}
.L9 {left: 90px}
.L10 {left: 100px}
.L11 {left: 110px}
.L12 {left: 120px}
.L13 {left: 130px}
.L14 {left: 140px}
.L15 {left: 150px}
.L16 {left: 160px}
.L17 {left: 170px}
.L18 {left: 180px}
.L19 {left: 190px}
.L20 {left: 200px}
.L21 {left: 210px}
.L22 {left: 220px}
.L23 {left: 230px}
.L24 {left: 240px}
.L25 {left: 250px}
.L26 {left: 260px}
.L27 {left: 270px}
.L28 {left: 280px}
.L29 {left: 290px}
.L30 {left: 300px}
.L31 {left: 310px}
.L32 {left: 320px}
.L33 {left: 330px}
.L34 {left: 340px}
.L35 {left: 350px}
.L36 {left: 360px}
.L37 {left: 370px}
.L38 {left: 380px}
.L39 {left: 390px}
.L40 {left: 400px}
.L41 {left: 410px}
.L42 {left: 420px}
.L43 {left: 430px}
.L44 {left: 440px}
.L45 {left: 450px}
.L46 {left: 460px}
.L47 {left: 470px}
.L48 {left: 480px}
.L49 {left: 490px}
.L50 {left: 500px}
.L51 {left: 510px}
.L52 {left: 520px}
.L53 {left: 530px}
.L54 {left: 540px}
.L55 {left: 550px}
.L56 {left: 560px}
.L57 {left: 570px}
.L58 {left: 580px}
.L59 {left: 590px}
.L60 {left: 600px}
.L61 {left: 610px}
.L62 {left: 620px}
.L63 {left: 630px}
.L64 {left: 640px}
.L65 {left: 650px}
.L66 {left: 660px}
.L67 {left: 670px}
.L68 {left: 680px}
.L69 {left: 690px}
.L70 {left: 700px}
.L71 {left: 710px}
.L72 {left: 720px}
.L73 {left: 730px}
.L74 {left: 740px}
.L75 {left: 750px}
.L76 {left: 760px}
.L77 {left: 770px}
.L78 {left: 780px}
.L79 {left: 790px}
.L80 {left: 800px}
.L81 {left: 810px}
.L82 {left: 820px}
.L83 {left: 830px}
.L84 {left: 840px}
.L85 {left: 850px}
.L86 {left: 860px}
.L87 {left: 870px}
.L88 {left: 880px}
.L89 {left: 890px}
.L90 {left: 900px}
.L91 {left: 910px}
.L92 {left: 920px}
.L93 {left: 930px}
.L94 {left: 940px}
.L95 {left: 950px}
.L96 {left: 960px}
.L97 {left: 970px}
.L98 {left: 980px}
.L99 {left: 990px}
.L100 {left: 1000px}
.L101 {left: 1010px}
.L102 {left: 1020px}

/* Margin Top */
#divMain .mt5  { margin-top: 5px }    /* Used by labels for Telerik controls */
#divMain .mt8  { margin-top: 8px }
#divMain .mt10 { margin-top: 10px }
#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; padding: 10px; padding-right: 5px; }

/* Positioning */
.pf { position: absolute }

.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}

div.RadListBox { margin: 0 4px 4px 0 ! important }
div.RadComboBox { margin: 0 4px 4px 0 ! important }
div.RadGrid { margin: 0 4px 4px 0 ! important }
div.RadPicker { margin: 0 4px 4px 0 ! important }
div.RadTreeView { margin: 0 4px 4px 0 ! important }

/*  select {font-size: 11px} */


.T1 {top: 10px}
.T2 {top: 20px}
.T3 {top: 30px}
.T4 {top: 40px}
.T5 {top: 50px}
.T6 {top: 60px}
.T7 {top: 70px}
.T8 {top: 80px}
.T9 {top: 90px}
.T10 {top: 100px}
.T11 {top: 110px}
.T12 {top: 120px}
.T13 {top: 130px}
.T14 {top: 140px}
.T15 {top: 150px}
.T16 {top: 160px}
.T17 {top: 170px}
.T18 {top: 180px}
.T19 {top: 190px}
.T20 {top: 200px}
.T21 {top: 210px}
.T22 {top: 220px}
.T23 {top: 230px}
.T24 {top: 240px}
.T25 {top: 250px}
.T26 {top: 260px}
.T27 {top: 270px}
.T28 {top: 280px}
.T29 {top: 290px}
.T30 {top: 300px}
.T31 {top: 310px}
.T32 {top: 320px}
.T33 {top: 330px}
.T34 {top: 340px}
.T35 {top: 350px}
.T36 {top: 360px}
.T37 {top: 370px}
.T38 {top: 380px}
.T39 {top: 390px}
.T40 {top: 400px}
.T41 {top: 410px}
.T42 {top: 420px}
.T43 {top: 430px}
.T44 {top: 440px}
.T45 {top: 450px}
.T46 {top: 460px}
.T47 {top: 470px}
.T48 {top: 480px}
.T49 {top: 490px}
.T50 {top: 500px}
.T51 {top: 510px}
.T52 {top: 520px}
.T53 {top: 530px}
.T54 {top: 540px}
.T55 {top: 550px}
.T56 {top: 560px}
.T57 {top: 570px}
.T58 {top: 580px}
.T59 {top: 590px}
.T60 {top: 600px}
.T61 {top: 610px}
.T62 {top: 620px}
.T63 {top: 630px}
.T64 {top: 640px}
.T65 {top: 650px}
.T66 {top: 660px}
.T67 {top: 670px}
.T68 {top: 680px}
.T69 {top: 690px}
.T70 {top: 700px}
.T71 {top: 710px}
.T72 {top: 720px}
.T73 {top: 730px}
.T74 {top: 740px}
.T75 {top: 750px}
.T76 {top: 760px}


.w0 {width: 0}      select.w0 {width: 0}
.w100 {width: 97%}
.wa   {width: auto}
.wmax {width: 940px}

.w1 {width: 4px}    select.w1 {width: 10px}
input[type="text"].riTextBox.w1, textarea.riTextBox.w1 { width: 6px ! important }
div.RadComboBox.w1, div.RadListBox.w1, div.RadPicker.w1, div.RadTreeView.w1 { width: 10px ! important }
div.RadGrid.w1 {width: 8px ! important}
fieldset.w1 { width: 10px }

.w2 {width: 14px}   select.w2 {width: 20px}
input[type="text"].riTextBox.w2, textarea.riTextBox.w2 { width: 16px ! important }
div.RadComboBox.w2, div.RadListBox.w2, div.RadPicker.w2, div.RadTreeView.w2 { width: 20px ! important }
div.RadGrid.w2 {width: 18px ! important}
fieldset.w2 { width: 20px }  

.w3 {width: 24px}   select.w3 {width: 30px}
input[type="text"].riTextBox.w3, textarea.riTextBox.w3 { width: 26px ! important }
div.RadComboBox.w3, div.RadListBox.w3, div.RadPicker.w3, div.RadTreeView.w3 { width: 30px ! important }
div.RadGrid.w3 {width: 28px ! important}
fieldset.w3 { width: 30px }  

.w4 {width: 34px}   select.w4 {width: 40px}
input[type="text"].riTextBox.w4, textarea.riTextBox.w4  { width: 36px ! important }
div.RadComboBox.w4, div.RadListBox.w4, div.RadPicker.w4, div.RadTreeView.w4 { width: 40px ! important }
div.RadGrid.w4 {width: 38px ! important}
fieldset.w4 { width: 40px }  

.w5 {width: 44px}   select.w5 {width: 50px}
input[type="text"].riTextBox.w5, textarea.riTextBox.w5  { width: 46px ! important }
div.RadComboBox.w5, div.RadListBox.w5, div.RadPicker.w5, div.RadTreeView.w5 { width: 50px ! important }
div.RadGrid.w5 {width: 48px ! important}
fieldset.w5 { width: 50px }  

.w6 {width: 54px}   select.w6 {width: 60px}
input[type="text"].riTextBox.w6, textarea.riTextBox.w6  { width: 56px ! important }
div.RadComboBox.w6, div.RadListBox.w6, div.RadPicker.w6, div.RadTreeView.w6 { width: 60px ! important }
div.RadGrid.w6 {width: 58px ! important}
fieldset.w6 { width: 60px }  

.w7 {width: 64px}   select.w7 {width: 70px}
input[type="text"].riTextBox.w7, textarea.riTextBox.w7  { width: 66px ! important }
div.RadComboBox.w7, div.RadListBox.w7, div.RadPicker.w7, div.RadTreeView.w7 { width: 70px ! important }
div.RadGrid.w7 {width: 68px ! important}
fieldset.w7 { width: 70px }  

.w8 {width: 74px}   select.w8 {width: 80px}
input[type="text"].riTextBox.w8, textarea.riTextBox.w8  { width: 76px ! important }
div.RadComboBox.w8, div.RadListBox.w8, div.RadPicker.w8, div.RadTreeView.w8 { width: 80px ! important }
div.RadGrid.w8 {width: 78px ! important}
fieldset.w8 { width: 80px }  

.w9 {width: 84px}   select.w9 {width: 90px}
input[type="text"].riTextBox.w9, textarea.riTextBox.w9  { width: 86px ! important }
div.RadComboBox.w9, div.RadListBox.w9, div.RadPicker.w9, div.RadTreeView.w9 { width: 90px ! important }
div.RadGrid.w9 {width: 88px ! important}
fieldset.w9 { width: 90px }  

.w10 {width: 94px}  select.w10 {width: 100px}
input[type="text"].riTextBox.w10, textarea.riTextBox.w10  { width: 96px ! important }
div.RadComboBox.w10, div.RadListBox.w10, div.RadPicker.w10, div.RadTreeView.w10 { width: 100px ! important }
div.RadGrid.w10 {width: 98px ! important}
fieldset.w10 { width: 100px }  

.w11 {width: 104px} select.w11 {width: 110px}
input[type="text"].riTextBox.w11, textarea.riTextBox.w11  { width: 106px ! important }
div.RadComboBox.w11, div.RadListBox.w11, div.RadPicker.w11, div.RadTreeView.w11 { width: 110px ! important }
div.RadGrid.w11 {width: 108px ! important}
fieldset.w11 { width: 110px }  

.w12 {width: 114px} select.w12 {width: 120px}
input[type="text"].riTextBox.w12, textarea.riTextBox.w12  { width: 116px ! important }
div.RadComboBox.w12, div.RadListBox.w12, div.RadPicker.w12, div.RadTreeView.w12 { width: 120px ! important }
div.RadGrid.w12 {width: 118px ! important}
fieldset.w12 { width: 120px }  

.w13 {width: 124px} select.w13 {width: 130px}
input[type="text"].riTextBox.w13, textarea.riTextBox.w13  { width: 126px ! important }
div.RadComboBox.w13, div.RadListBox.w13, div.RadPicker.w13, div.RadTreeView.w13 { width: 130px ! important }
div.RadGrid.w13 {width: 128px ! important}
fieldset.w13 { width: 130px }  

.w14 {width: 134px} select.w14 {width: 140px}
input[type="text"].riTextBox.w14, textarea.riTextBox.w14  { width: 136px ! important }
div.RadComboBox.w14, div.RadListBox.w14, div.RadPicker.w14, div.RadTreeView.w14 { width: 140px ! important }
div.RadGrid.w14 {width: 138px ! important}
fieldset.w14 { width: 140px }  

.w15 {width: 144px} select.w15 {width: 150px}
input[type="text"].riTextBox.w15, textarea.riTextBox.w15  { width: 146px ! important }
div.RadComboBox.w15, div.RadListBox.w15, div.RadPicker.w15, div.RadTreeView.w15 { width: 150px ! important }
div.RadGrid.w15 {width: 148px ! important}
fieldset.w15 { width: 150px }  

.w16 {width: 154px} select.w16 {width: 160px}
input[type="text"].riTextBox.w16, textarea.riTextBox.w16  { width: 156px ! important }
div.RadComboBox.w16, div.RadListBox.w16, div.RadPicker.w16, div.RadTreeView.w16 { width: 160px ! important }
div.RadGrid.w16 {width: 158px ! important}
fieldset.w16 { width: 160px }  

.w17 {width: 164px} select.w17 {width: 170px}
input[type="text"].riTextBox.w17, textarea.riTextBox.w17  { width: 166px ! important }
div.RadComboBox.w17, div.RadListBox.w17, div.RadPicker.w17, div.RadTreeView.w17 { width: 170px ! important }
div.RadGrid.w17 {width: 168px ! important}
fieldset.w17 { width: 170px }  

.w18 {width: 174px} select.w18 {width: 180px}
input[type="text"].riTextBox.w18, textarea.riTextBox.w18  { width: 176px ! important }
div.RadComboBox.w18, div.RadListBox.w18, div.RadPicker.w18, div.RadTreeView.w18 { width: 180px ! important }
div.RadGrid.w18 {width: 178px ! important}
fieldset.w18 { width: 180px }  

.w19 {width: 184px} select.w19 {width: 190px}
input[type="text"].riTextBox.w19, textarea.riTextBox.w19  { width: 186px ! important }
div.RadComboBox.w19, div.RadListBox.w19, div.RadPicker.w19, div.RadTreeView.w19 { width: 190px ! important }
div.RadGrid.w19 {width: 188px ! important}
fieldset.w19 { width: 190px }  

.w20 {width: 194px} select.w20 {width: 200px}
input[type="text"].riTextBox.w20, textarea.riTextBox.w20  { width: 196px ! important }
div.RadComboBox.w20, div.RadListBox.w20, div.RadPicker.w20, div.RadTreeView.w20 { width: 200px ! important }
div.RadGrid.w20 {width: 198px ! important}
fieldset.w20 { width: 200px }  

.w21 {width: 204px} select.w21 {width: 210px}
input[type="text"].riTextBox.w21, textarea.riTextBox.w21  { width: 206px ! important }
div.RadComboBox.w21, div.RadListBox.w21, div.RadPicker.w21, div.RadTreeView.w21 { width: 210px ! important }
div.RadGrid.w21 {width: 208px ! important}
fieldset.w21 { width: 210px }  

.w22 {width: 214px} select.w22 {width: 220px}
input[type="text"].riTextBox.w22, textarea.riTextBox.w22  { width: 216px ! important }
div.RadComboBox.w22, div.RadListBox.w22, div.RadPicker.w22, div.RadTreeView.w22 { width: 220px ! important }
div.RadGrid.w22 {width: 218px ! important}
fieldset.w22 { width: 220px }  

.w23 {width: 224px} select.w23 {width: 230px}
input[type="text"].riTextBox.w23, textarea.riTextBox.w23  { width: 226px ! important }
div.RadComboBox.w23, div.RadListBox.w23, div.RadPicker.w23, div.RadTreeView.w23 { width: 230px ! important }
div.RadGrid.w23 {width: 228px ! important}
fieldset.w23 { width: 230px }  

.w24 {width: 234px} select.w24 {width: 240px}      
input[type="text"].riTextBox.w24, textarea.riTextBox.w24  { width: 236px ! important }
div.RadComboBox.w24, div.RadListBox.w24, div.RadPicker.w24, div.RadTreeView.w24 { width: 240px ! important }
div.RadGrid.w24 {width: 238px ! important}
fieldset.w24 { width: 240px }

.w25 {width: 244px} select.w25 {width: 250px}
input[type="text"].riTextBox.w25, textarea.riTextBox.w25  { width: 246px ! important }
div.RadComboBox.w25, div.RadListBox.w25, div.RadPicker.w25, div.RadTreeView.w25 { width: 250px ! important }
div.RadGrid.w25 {width: 248px ! important}
fieldset.w25 { width: 250px }  

.w26 {width: 254px} select.w26 {width: 260px}
input[type="text"].riTextBox.w26, textarea.riTextBox.w26  { width: 256px ! important }
div.RadComboBox.w26, div.RadListBox.w26, div.RadPicker.w26, div.RadTreeView.w26 { width: 260px ! important }
div.RadGrid.w26 {width: 258px ! important}
fieldset.w26 { width: 260px }

.w27 {width: 264px} select.w27 {width: 270px}
input[type="text"].riTextBox.w27, textarea.riTextBox.w27  { width: 266px ! important }
div.RadComboBox.w27, div.RadListBox.w27, div.RadPicker.w27, div.RadTreeView.w27 { width: 270px ! important }
div.RadGrid.w27 {width: 268px ! important}
fieldset.w27 { width: 270px }

.w28 {width: 274px} select.w28 {width: 280px}
input[type="text"].riTextBox.w28, textarea.riTextBox.w28  { width: 276px ! important }
div.RadComboBox.w28, div.RadListBox.w28, div.RadPicker.w28, div.RadTreeView.w28 { width: 280px ! important }
div.RadGrid.w28 {width: 278px ! important}
fieldset.w28 { width: 280px }

.w29 {width: 284px} select.w29 {width: 290px}
input[type="text"].riTextBox.w29, textarea.riTextBox.w29  { width: 286px ! important }
div.RadComboBox.w29, div.RadListBox.w29, div.RadPicker.w29, div.RadTreeView.w29 { width: 290px ! important }
div.RadGrid.w29 {width: 288px ! important}
fieldset.w29 { width: 290px }

.w30 {width: 294px} select.w30 {width: 300px}
input[type="text"].riTextBox.w30, textarea.riTextBox.w30  { width: 296px ! important }
div.RadComboBox.w30, div.RadListBox.w30, div.RadPicker.w30, div.RadTreeView.w30 { width: 300px ! important }
div.RadGrid.w30 {width: 298px ! important}
fieldset.w30 { width: 300px }

.w31 {width: 304px} select.w31 {width: 310px}
input[type="text"].riTextBox.w31, textarea.riTextBox.w31  { width: 306px ! important }
div.RadComboBox.w31, div.RadListBox.w31, div.RadPicker.w31, div.RadTreeView.w31 { width: 310px ! important }
div.RadGrid.w31 {width: 308px ! important}
fieldset.w31 { width: 310px }

.w32 {width: 314px} select.w32 {width: 320px}
input[type="text"].riTextBox.w32, textarea.riTextBox.w32  { width: 316px ! important }
div.RadComboBox.w32, div.RadListBox.w32, div.RadPicker.w32, div.RadTreeView.w32 { width: 320px ! important }
div.RadGrid.w32 {width: 318px ! important}
fieldset.w32 { width: 320px }

.w33 {width: 324px} select.w33 {width: 330px}
input[type="text"].riTextBox.w33, textarea.riTextBox.w33  { width: 326px ! important }
div.RadComboBox.w33, div.RadListBox.w33, div.RadPicker.w33, div.RadTreeView.w33 { width: 330px ! important }
div.RadGrid.w33 {width: 328px ! important}
fieldset.w33 { width: 330px }

.w34 {width: 334px} select.w34 {width: 340px}
input[type="text"].riTextBox.w34, textarea.riTextBox.w34  { width: 336px ! important }
div.RadComboBox.w34, div.RadListBox.w34, div.RadPicker.w34, div.RadTreeView.w34 { width: 340px ! important }
div.RadGrid.w34 {width: 338px ! important}
fieldset.w34 { width: 340px }

.w35 {width: 344px} select.w35 {width: 350px}
input[type="text"].riTextBox.w35, textarea.riTextBox.w35  { width: 346px ! important }
div.RadComboBox.w35, div.RadListBox.w35, div.RadPicker.w35, div.RadTreeView.w35 { width: 350px ! important }
div.RadGrid.w35 {width: 348px ! important}
fieldset.w35 { width: 350px }

.w36 {width: 354px} select.w36 {width: 360px}
input[type="text"].riTextBox.w36, textarea.riTextBox.w36  { width: 356px ! important }
div.RadComboBox.w36, div.RadListBox.w36, div.RadPicker.w36, div.RadTreeView.w36 { width: 360px ! important }
div.RadGrid.w36 {width: 358px ! important}
fieldset.w36 { width: 360px }

.w37 {width: 364px} select.w37 {width: 370px}
input[type="text"].riTextBox.w37, textarea.riTextBox.w37  { width: 366px ! important }
div.RadComboBox.w37, div.RadListBox.w37, div.RadPicker.w37, div.RadTreeView.w37 { width: 370px ! important }
div.RadGrid.w37 {width: 368px ! important}
fieldset.w37 { width: 370px }

.w38 {width: 374px} select.w38 {width: 380px}
input[type="text"].riTextBox.w38, textarea.riTextBox.w38  { width: 376px ! important }
div.RadComboBox.w38, div.RadListBox.w38, div.RadPicker.w38, div.RadTreeView.w38 { width: 380px ! important }
div.RadGrid.w38 {width: 378px ! important}
fieldset.w38 { width: 380px }

.w39 {width: 384px} select.w39 {width: 390px}
input[type="text"].riTextBox.w39, textarea.riTextBox.w39  { width: 386px ! important }
div.RadComboBox.w39, div.RadListBox.w39, div.RadPicker.w39, div.RadTreeView.w39 { width: 390px ! important }
div.RadGrid.w39 {width: 388px ! important}
fieldset.w39 { width: 390px }

.w40 {width: 394px} select.w40 {width: 400px}
input[type="text"].riTextBox.w40, textarea.riTextBox.w40  { width: 396px ! important }
div.RadComboBox.w40, div.RadListBox.w40, div.RadPicker.w40, div.RadTreeView.w40 { width: 400px ! important }
div.RadGrid.w40 {width: 398px ! important}
fieldset.w40 { width: 400px }

.w41 {width: 404px} select.w41 {width: 410px}
input[type="text"].riTextBox.w41, textarea.riTextBox.w41  { width: 406px ! important }
div.RadComboBox.w41, div.RadListBox.w41, div.RadPicker.w41, div.RadTreeView.w41 { width: 410px ! important }
div.RadGrid.w41 {width: 408px ! important}
fieldset.w41 { width: 410px }

.w42 {width: 414px} select.w42 {width: 420px}
input[type="text"].riTextBox.w42, textarea.riTextBox.w42  { width: 416px ! important }
div.RadComboBox.w42, div.RadListBox.w42, div.RadPicker.w42, div.RadTreeView.w42 { width: 420px ! important }
div.RadGrid.w42 {width: 418px ! important}
fieldset.w42 { width: 420px }

.w43 {width: 424px} select.w43 {width: 430px}
input[type="text"].riTextBox.w43, textarea.riTextBox.w43  { width: 426px ! important }
div.RadComboBox.w43, div.RadListBox.w43, div.RadPicker.w43, div.RadTreeView.w43 { width: 430px ! important }
div.RadGrid.w43 {width: 428px ! important}
fieldset.w43 { width: 430px }

.w44 {width: 434px} select.w44 {width: 440px}
input[type="text"].riTextBox.w44, textarea.riTextBox.w44  { width: 436px ! important }
div.RadComboBox.w44, div.RadListBox.w44, div.RadPicker.w44, div.RadTreeView.w44 { width: 440px ! important }
div.RadGrid.w44 {width: 438px ! important}
fieldset.w44 { width: 440px }

.w45 {width: 444px} select.w45 {width: 450px}
input[type="text"].riTextBox.w45, textarea.riTextBox.w45  { width: 446px ! important }
div.RadComboBox.w45, div.RadListBox.w45, div.RadPicker.w45, div.RadTreeView.w45 { width: 450px ! important }
div.RadGrid.w45 {width: 448px ! important}
fieldset.w45 { width: 450px }

.w46 {width: 454px} select.w46 {width: 460px}
input[type="text"].riTextBox.w46, textarea.riTextBox.w46  { width: 456px ! important }
div.RadComboBox.w46, div.RadListBox.w46, div.RadPicker.w46, div.RadTreeView.w46 { width: 460px ! important }
div.RadGrid.w46 {width: 458px ! important}
fieldset.w46 { width: 460px }

.w47 {width: 464px} select.w47 {width: 470px}
input[type="text"].riTextBox.w47, textarea.riTextBox.w47  { width: 466px ! important }
div.RadComboBox.w47, div.RadListBox.w47, div.RadPicker.w47, div.RadTreeView.w47 { width: 470px ! important }
div.RadGrid.w47 {width: 468px ! important}
fieldset.w47 { width: 470px }

.w48 {width: 474px} select.w48 {width: 480px}
input[type="text"].riTextBox.w48, textarea.riTextBox.w48  { width: 476px ! important }
div.RadComboBox.w48, div.RadListBox.w48, div.RadPicker.w48, div.RadTreeView.w48 { width: 480px ! important }
div.RadGrid.w48 {width: 478px ! important}
fieldset.w48 { width: 480px }

.w49 {width: 484px} select.w49 {width: 490px}
input[type="text"].riTextBox.w49, textarea.riTextBox.w49  { width: 486px ! important }
div.RadComboBox.w49, div.RadListBox.w49, div.RadPicker.w49, div.RadTreeView.w49 { width: 490px ! important }
div.RadGrid.w49 {width: 488px ! important}
fieldset.w49 { width: 490px }

.w50 {width: 494px} select.w50 {width: 500px}
input[type="text"].riTextBox.w50, textarea.riTextBox.w50  { width: 496px ! important }
div.RadComboBox.w50, div.RadListBox.w50, div.RadPicker.w50, div.RadTreeView.w50 { width: 500px ! important }
div.RadGrid.w50 {width: 498px ! important}
fieldset.w50 { width: 500px }

.w51 {width: 504px} select.w51 {width: 510px}
input[type="text"].riTextBox.w51, textarea.riTextBox.w51  { width: 506px ! important }
div.RadComboBox.w51, div.RadListBox.w51, div.RadPicker.w51, div.RadTreeView.w51 { width: 510px ! important }
div.RadGrid.w51 {width: 508px ! important}
fieldset.w51 { width: 510px }

.w52 {width: 514px} select.w52 {width: 520px}
input[type="text"].riTextBox.w52, textarea.riTextBox.w52  { width: 516px ! important }
div.RadComboBox.w52, div.RadListBox.w52, div.RadPicker.w52, div.RadTreeView.w52 { width: 520px ! important }
div.RadGrid.w52 {width: 518px ! important}
fieldset.w52 { width: 520px }

.w53 {width: 524px} select.w53 {width: 530px}
input[type="text"].riTextBox.w53, textarea.riTextBox.w53  { width: 526px ! important }
div.RadComboBox.w53, div.RadListBox.w53, div.RadPicker.w53, div.RadTreeView.w53 { width: 530px ! important }
div.RadGrid.w53 {width: 528px ! important}
fieldset.w53 { width: 530px }

.w54 {width: 534px} select.w54 {width: 540px}
input[type="text"].riTextBox.w54, textarea.riTextBox.w54  { width: 536px ! important }
div.RadComboBox.w54, div.RadListBox.w54, div.RadPicker.w54, div.RadTreeView.w54 { width: 540px ! important }
div.RadGrid.w54 {width: 538px ! important}
fieldset.w54 { width: 540px }

.w55 {width: 544px} select.w55 {width: 550px}
input[type="text"].riTextBox.w55, textarea.riTextBox.w55  { width: 546px ! important }
div.RadComboBox.w55, div.RadListBox.w55, div.RadPicker.w55, div.RadTreeView.w55 { width: 550px ! important }
div.RadGrid.w55 {width: 548px ! important}
fieldset.w55 { width: 550px }

.w60 {width: 594px} select.w60 {width: 600px}
input[type="text"].riTextBox.w60, textarea.riTextBox.w60  { width: 596px ! important }
div.RadComboBox.w60, div.RadListBox.w60, div.RadPicker.w60, div.RadTreeView.w60 { width: 600px ! important }
div.RadGrid.w60 {width: 598px ! important}
fieldset.w60 { width: 600px }

.w65 {width: 644px} select.w65 {width: 650px}
input[type="text"].riTextBox.w65, textarea.riTextBox.w65  { width: 646px ! important }
div.RadComboBox.w65, div.RadListBox.w65, div.RadPicker.w65, div.RadTreeView.w65 { width: 650px ! important }
div.RadGrid.w65 {width: 648px ! important}
fieldset.w65 { width: 650px }

.w70 {width: 694px} select.w70 {width: 700px}
input[type="text"].riTextBox.w70, textarea.riTextBox.w70  { width: 696px ! important }
div.RadComboBox.w70, div.RadListBox.w70, div.RadPicker.w70, div.RadTreeView.w70 { width: 700px ! important }
div.RadGrid.w70 {width: 698px ! important}
fieldset.w70 { width: 700px }

.w71 {width: 704px} select.w71 {width: 710px}
input[type="text"].riTextBox.w71, textarea.riTextBox.w71  { width: 706px ! important }
div.RadComboBox.w71, div.RadListBox.w71, div.RadPicker.w71, div.RadTreeView.w71 { width: 710px ! important }
div.RadGrid.w71 {width: 708px ! important}
fieldset.w71 { width: 710px }

.w72 {width: 714px} select.w72 {width: 720px}
input[type="text"].riTextBox.w72, textarea.riTextBox.w72  { width: 716px ! important }
div.RadComboBox.w72, div.RadListBox.w72, div.RadPicker.w72, div.RadTreeView.w72 { width: 720px ! important }
div.RadGrid.w72 {width: 718px ! important}
fieldset.w72 { width: 720px }

.w73 {width: 724px} select.w73 {width: 730px}
input[type="text"].riTextBox.w73, textarea.riTextBox.w73  { width: 726px ! important }
div.RadComboBox.w73, div.RadListBox.w73, div.RadPicker.w73, div.RadTreeView.w73 { width: 730px ! important }
div.RadGrid.w73 {width: 728px ! important}
fieldset.w73 { width: 730px }

.w75 {width: 744px} select.w75 {width: 750px}
input[type="text"].riTextBox.w75, textarea.riTextBox.w75  { width: 746px ! important }
div.RadComboBox.w75, div.RadListBox.w75, div.RadPicker.w75, div.RadTreeView.w75 { width: 750px ! important }
div.RadGrid.w75 {width: 748px ! important}
fieldset.w75 { width: 750px }

.w80 {width: 794px} select.w80 {width: 800px}
input[type="text"].riTextBox.w80, textarea.riTextBox.w80  { width: 796px ! important }
div.RadComboBox.w80, div.RadListBox.w80, div.RadPicker.w80, div.RadTreeView.w80 { width: 800px ! important }
div.RadGrid.w80 {width: 798px ! important}
fieldset.w80 { width: 800px }

.w85 {width: 844px} select.w85 {width: 850px}
input[type="text"].riTextBox.w85, textarea.riTextBox.w85  { width: 846px ! important }
div.RadComboBox.w85, div.RadListBox.w85, div.RadPicker.w85, div.RadTreeView.w85 { width: 850px ! important }
div.RadGrid.w85 {width: 848px ! important}
fieldset.w85 { width: 850px }

.w90 {width: 894px} select.w90 {width: 900px}
input[type="text"].riTextBox.w90, textarea.riTextBox.w90  { width: 896px ! important }
div.RadComboBox.w90, div.RadListBox.w90, div.RadPicker.w90, div.RadTreeView.w90 { width: 900px ! important }
div.RadGrid.w90 {width: 898px ! important}
fieldset.w90 { width: 900px }

.w91 {width: 904px} select.w91 {width: 910px}
input[type="text"].riTextBox.w91, textarea.riTextBox.w91  { width: 906px ! important }
div.RadComboBox.w91, div.RadListBox.w91, div.RadPicker.w91, div.RadTreeView.w91 { width: 910px ! important }
div.RadGrid.w91 {width: 908px ! important}
fieldset.w91 { width: 910px }

.w95 {width: 944px} select.w95 {width: 950px}
input[type="text"].riTextBox.w95, textarea.riTextBox.w95  { width: 946px ! important }
div.RadComboBox.w95, div.RadListBox.w95, div.RadPicker.w95, div.RadTreeView.w95 { width: 950px ! important }
div.RadGrid.w95 {width: 948px ! important}
fieldset.w95 { width: 950px }

.w96 {width: 954px} select.w96 {width: 960px}
input[type="text"].riTextBox.w96, textarea.riTextBox.w96  { width: 956px ! important }
div.RadComboBox.w96, div.RadListBox.w96, div.RadPicker.w96, div.RadTreeView.w96 { width: 960px ! important }
div.RadGrid.w96 {width: 958px ! important}
fieldset.w96 { width: 960px }

