﻿/****************************
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-05-26  Walt Edwards added btnGridCancelAll, btnGridEditAll, and btnGridSaveAll.
2011-06-27  Walt Edwards added pt5, pt10, pb5, pb10.
2011-07-19  Walt Edwards added .mt5, .mt8, .mt10, .mt15.
2011-08-05  Walt Edwards added btnHeader* classes.
2011-09-12  Walt Edwards updated to properly size RadComboBox, RadInput, RadDateInput, and checkbox + label vertically.
2011-11-18  Kalyana Valli added rgSelectedRow.
2012-01-17  Kalyana Valli modified rgSelectedRow to have Gray background color.
2012-05-21  Kalyana Valli added .ruFileWrap for RadUpload control.
2012-06-14  Kalyana Valli added overflow for RadListBox.
2012-10-30  Walt Edwards added btnApprove, btnCertify, btnUndo.
2012-11-01  Walt Edwards fixed typo in btnApprove.
2013-04-26  Walt Edwards changed .riTextbox font from 13px to 12px.
2013-05-21  Walt Edwards updated ruFileWrap so that RadUpload clear buttons don't wrap below upload buttons.
2013-05-30  Walt Edwards updated div.RadListBox so that overflow scroll doesn't create multiple scrollbars in IE10.
2013-06-05  Walt Edwards removed mistaken and repetitive margin definition for fieldset input[type="text"] that was setting all margins to 0.
2013-06-26  Walt Edwards adjusted rlbItem & rlbText line-heights to show more items in a given space and match height on RadComboBox.
2014-01-23  Walt Edwards changed margins of fieldset checkboxes.
2014-02-21  Walt Edwards added ru* styles to fix issues with RadAsynchUpload always displaying unwanted file items.
2014-03-11  Walt Edwards added input[type="image"][title="Hide"][onclick~="this"].
2016-08-09  Walt Edwards added XML_GIF class.
2016-08-26  Walt Edwards added new file type styles for KML.
2016-08-30  Walt Edwards updated anchor [title=Hide] to set display=none to resolve issue in Library Submission ucLbrarySubmissionGrid.ascx.
2016-09-22  Walt Edwards updated ruInputs to handle new version of Telerik and prevent the SELECT button from moving around when files are selected.
2016-10-18  Walt Edwards updated RadWindow sprites directory to display gray window instead of black, and changed rwTitlebarControls em to #555555 instead of black.
2017-01-07  Walt Edwards updated btnApprove and btnUndo to use file/* instead of Button/* for file locations to match library.
2018-07-24  Walt Edwards added file type KMZ.
2019-11-08  Walt Edwards added ucProjectMessage_RPT_GIF.
2022-06-08  Walt Edwards added MP4 support.
****************************/

/* BEGIN -- Library Submission */
ul.ruInputs > li:not(:last-child)
{   /* Hide RadAsynchUpload list of selected files before, during, and after upload */
    display: none;
    visibility: hidden;
    height: 0;
}
a [title=Hide], a:hover [title=Hide], img [title=Hide], input[type="image"][title="Hide"][onclick~="this"]
{   /* Hide grid buttons that have a Title of "Hide" */
    display: none;
}
/* END -- Library Submission */

.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered
{
    float:left;
    margin:0 1px;
    min-height:13px;
    overflow:hidden;
    padding:2px 19px 2px 6px;
    width:125px;
} 
   
.FormTable td { padding:  5px 5px 0 0 }    
 
*
{
    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, 
.btnGridCancelAll, .btnGridEditAll, .btnGridSaveAll, 
.btnApprove, .btnCertify, .btnLeft, .btnPause, .btnPlay, .btnRight, .btnRotateLeft, .btnRotateRight, .btnSave, .btnUndo, .btnUp, .btnXls
{
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    height: 16px;
    margin: 0 1px 0 0;
    width: 16px;
}
.btnApprove      { background-image: url('file/properties.png') }
.btnCertify      { background-image: url('Button/certify.gif') }
.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') }
.btnGridCancelAll{ background-image: url('Button/grid_cancel.gif'); margin:0; font-size: 14px; }
.btnGridEditAll  { background-image: url('Button/grid_edit.gif');   margin:0; font-size: 14px; }
.btnGridSaveAll  { background-image: url('Button/grid_save.gif');   margin:0; font-size: 14px; }
.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') }
.btnUndo         { background-image: url('file/undo.png') }
.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 5px -2px 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;
}

.rcbInput, .riTextBox  
{
    margin: 0 0 0 0;
}    

/* align checkboxes with their labels by adding CssClass='chk' */
.chk input[type='checkbox']
{
    height: 18px; margin: 0; float:left;
}

#divMain fieldset .chk label 
{
    height: 18px; float:left;
    padding: 5px 4px 0 0;
}

*.riTextBox  
{
    border-bottom-color: #b8b8b8;
    border-left-color: #8e8e8e;
    border-right-color: #b8b8b8;
    border-top-color: #8e8e8e;
    font-size: 12px!important; 
    padding:  2px 1px 3px 1px!important; 
}

/* Font Styles */
.fb {font-weight: bold}
.fi {font-style: italic}
.fl {float: left}
.fr {float: right}

.hidden {display:none; visibility:hidden;}
.ho {overflow: 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}

.pb5  {padding-bottom: 5px}
.pb10 {padding-bottom: 10px}
.pt5  {padding-top: 5px}
.pt10 {padding-top: 10px}
.pt15 {padding-top: 15px}
.pt20 {padding-top: 20px}

.success {font-weight: bold}

.RadListBox_Default .rlbItem,
.RadListBox_Default .rlbText { line-height: 16px ! important }

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 }
    
.ruFileWrap
{
    width:235px !important; 
}

.rgSelectedRow   
{      
   background-color: Gray !important;
   color: Black !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 }
/****************************
File:       Editor.css

Purpose:    Contains Telerik common styles for all RadEditor skins.

            Do NOT make any changes here to support a particular theme.  

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2010-10-14  Walt Edwards added this documentation.
****************************/

/* RadEditor for ASP.NET AJAX Base Stylesheet */

/* By default 'regular' background should be white*/
.reDropDownBody
{
    background-color: white;
}

/* In FireFox iframes have transparent background */
.reContentCell, .reContentCell iframe
{
    background-color: white;
}

/* Class for the toolbar holder */
.reToolCell
{     
    vertical-align: top; /* Needed to position the toolbar wrapper at the top - and then set margin to it! */    
    padding-bottom: 2px;
}

/* Align the Bottom zone with the Statistics module to the right */
.reBottomZone
{     
    text-align: right;
    vertical-align: bottom;
}

.reToolbarWrapper
{
    margin-top: 2px;
}

.reToolbar
{
}

.reToolbar
{
	padding: 0 !important; /* Reset CSS */
	margin: 0 0 1px 0 !important; /* Reset CSS */
	list-style: none !important; /* Reset CSS */
	float: left;
}

.reToolbar li
{
    padding: 0 !important; /* Reset CSS */
	margin: 0 !important; /* Reset CSS */
	list-style: none !important; /* Reset CSS */
	float: left;
    background-repeat: repeat-x;
    height: 26px;
}

.reToolbar
{    
    margin-bottom: 2px;
}

.reToolbar a,
.reDropdown,
.reSpinBox input,
.RadEditor input,
.reModule,
.reModule td,
.reEditorModes a,
.reDropDownBody,
.reDropDownBody td,
.reAjaxspell_wrapper,
.reAjaxspell_button,
.reAjaxspell_addicon,
.reAjaxspell_ignoreicon,
.reAjaxspell_okicon,
.reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text
{
    font: normal 12px "Segoe UI", Arial, Sans-serif;
    color: #000;
    text-decoration: none;
	cursor: default;
}

/* ajax spellcheck */
.reAjaxspell_button
{
    white-space: nowrap;
}

.reAjaxspell_addicon,
.reAjaxspell_ignoreicon,
.reAjaxspell_okicon
{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 2px 4px 2px 2px;
    background-image: url('Common/CommonIcons.gif');
    background-repeat: no-repeat;
}

.reAjaxspell_ignoreicon
{
    background-position: center -103px;
}

.reAjaxspell_okicon
{
    background-position: center -134px;
}

.reAjaxspell_addicon
{
    background-position: center -166px;
}

.reAjaxSpellCheckSuggestions td
{
    width: 100%;
    padding-left: 4px;
}

.reAjaxSpellCheckSeparator
{
    font-size: 1px;
    height: 1px;
    margin: 2px 1px;
}

.reAjaxSpellCheck
{
    padding: 2px;
}
/* end of ajax spellcheck */

.RadEditor .reTextarea
{
    font-size: 11px;
}

/* separator */
.reToolbar .reSeparator
{
    width: 6px;
    height: 26px;
    font-size: 1px;
}
/* separator */

/* grip */
.reToolbar .reGrip
{
	height: 26px;
	width: 4px;
	font-size: 1px;
	background-repeat: no-repeat;
}

.reToolbar .grip_first
{
    background-position: 0 0;
}

.reToolbar .grip_last
{
    background-position: -4px 0;
}
/* end of grip grip */

.reAlignmentSelector div
{
    background-image: url('Common/CommandSpritesLight.png');
    height: 20px;
}

/* reTool */
.reTool,
.reTool:link,
.reTool:visited
{
    display: block;
    width: 24px;
    height: 24px;
    margin: 1px 0; /* was: margin: 1px; */
    text-decoration: none !important;
    cursor: default;
}

.reTool span
{
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 3px;
    cursor: default;
    _display: inline;
    background-repeat: no-repeat;
}
/* end of reTool */

/* reTool_text */
.reToolbar .reTool_text
{
    height: 24px;
    width: auto;
    display: block;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    float: left;
    _display: inline;
}

.reToolbar .reTool_text span
{
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 3px;
    cursor: default;
    _display: inline;
}

.reToolbar .reTool_text .reButton_text
{
    width: auto;
    background-image: none;
    color: black;
}
/* end of reTool_text */

/* reSplitButton */
.reSplitButton,
.reSplitButton:link,
.reSplitButton:visited
{
    width: 34px; /* was: 36px */
    height: 24px;
    text-decoration: none !important;
}

.reTool .split_arrow
{
    width: 5px;
    height: 18px;
    margin-left: 1px;
}

.reSplitButton.reTool_text .split_arrow
{
    width: 5px;
    height: 18px;
}

* html .reToolbar .reTool_text .split_arrow
{
    width: 5px;
    height: 18px;
}

.reDialog .reTool.reSplitButton,
.reModule .reTool.reSplitButton
{
    background-repeat: no-repeat;
}
/* end of reSplitButton */

/* reDropdown */
.reToolbar a
{
    text-decoration: none !important;
}

.reDropdown,
.reTool_disabled.reDropdown:hover
{
    display: block;
    float: left;
    cursor: default;
    background-repeat: no-repeat !important;
    padding-left: 4px;
    padding-right: 10px;
    margin: 0; /* was: margin: 2px 1px 0 1px; */
    margin: 2px 0;
}

.reDropdown span
{
    display: block;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}
/* end of reDropdown */

/* vertical toolbar */
.reTlbVertical ul.reToolbar
{
    float: none;
    clear: both;
    width: 26px;
    height: auto;
}

.reTlbVertical li
{
    clear: both;
    float: none;
    margin: 0 !important; /* Reset CSS */
    font-size: 1px !important; /* Reset CSS */
    padding: 0 !important; /* Reset CSS */
    line-height: 1px !important; /* Reset CSS */
}

.reTlbVertical .reGrip
{
    width: 26px;
    height: 4px;
    font-size: 1px !important; /* Reset CSS */
    line-height: 1px !important; /* Reset CSS */
    background-repeat: no-repeat;
}

.reTlbVertical .reTool
{
    margin-top: 0;
    margin-bottom: 0;
}

.reTlbVertical .reSeparator
{
    width: 26px;
    height: 4px;
    line-height: 1px;
    font-size: 1px;
}

.reTlbVertical .reTool:hover,
.reTlbVertical .reTool_text.reSplitButton:hover,
.reTlbVertical .reTool_text:hover
{
    background-repeat: no-repeat;
}

.reTlbVertical .reTool.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected:hover
{
    background-repeat: no-repeat;
}

.reTlbVertical .reTool_text,
.reTlbVertical .reSplitButton
{
    width: 24px;
    height: 24px;
}

.reTlbVertical .reTool_text .reButton_text
{
	display: none;
}

.reTlbVertical .split_arrow,
.reTlbVertical .reDropdown span,
.reTlbVertical .reTool_text.reSplitButton .reButton_text,
.reTlbVertical .reTool_text.reSplitButton .split_arrow
{
    display: none;
}

/* add weight to the selector for IE6 so it is applied */
*html .reToolbar .reSplitButton.reTool_disabled:hover
{
    background-position: -999px 0;
}

.reTlbVertical .reDropdown,
.reTlbVertical .reDropdown:hover
{
    height: 20px;
    width: 22px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
}

* html .reTlbVertical .reDropdown,
* html .reTlbVertical .reDropdown:hover
{
    width: 21px;
}

.reTlbVertical .reTool,
.reTlbVertical .reDropdown
{
    margin-left: 1px;
}
/* end of vertical toolbar */

/* context menu and toolstrip */
.reDropDownBody
{
    float: left;
    /*background: url('<%=WebResource("Telerik.Web.UI.Skins.Common.MenuDropShadow.png') no-repeat right bottom; */   
    /*_background: none;/* IE6 does not support transparent png and it looks ugly */
}

.reDropDownBody .reTlbVertical ul li
{
    clear: both;
    float: none;
    background: none;
}

/* reDropDownBody */
.reDropDownBody .reTlbVertical ul li a,
.reDropDownBody .reTlbVertical ul li .reTool_disabled:hover
{
    clear: both;
    float: none;
    width: 100%;
    display: block;
    border: 0;
    background: none;
}

.reDropDownBody .reTlbVertical ul li a:hover
{
    background-repeat: no-repeat;
    border: 0;
    margin-left: 1px;
    margin-right: 1px;
}

/* IE6 float and double margins fix */
* html .reDropDownBody .reTlbVertical ul li .reTool_disabled:hover
{
    margin-left: 0;
}

div.RadEditor td.reTlbVertical ul.reToolbar
{
    width: 26px !important;
}

.reDropDownBody .reTlbVertical ul li .reButton_text
{
    width: 156px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    _zoom: 1;
	display: block;
}

.reDropDownBody div.reTlbVertical
{
    float: left;
    height: auto;
}

.reDropDownBody .reTlbVertical .reToolbar
{
    width: 206px;
    background-repeat: repeat-y;
}
/* reDropDownBody */

/* custom links */
.reCustomLinks,
.reCustomLinks ul,
.reCustomLinks li
{
	list-style: none !important; /* Reset CSS */
	padding: 0 !important; /* Reset CSS */
	margin: 0 !important; /* Reset CSS */
	cursor: default !important; /* Reset CSS */
}

ul.reCustomLinks
{
    margin-left: 3px !important; /* Reset CSS */
}

ul.reCustomLinks li ul
{
	margin-left: 12px !important; /* Reset CSS */
}

ul.reCustomLinks a
{
    text-decoration: undeline !important; /* Reset CSS */
}

ul.reCustomLinks a:hover
{
    cursor: pointer !important; /* Reset CSS */
}

ul.reCustomLinks li
{
	clear: both;
	float: none;
}

ul.reCustomLinks span,
ul.reCustomLinks a
{
	display: block;
	float: left;
	cursor: default;
	zoom: 1;
}

ul.reCustomLinks .reCustomLinksIcon
{
	font-size: 1px !important; /* Reset CSS */
}

ul.reCustomLinks .reCustomLinksIcon.reIcon_empty
{
	cursor: default;
}

ul.reCustomLinks li
{
	padding: 1px 0 !important; /* Reset CSS */
}

ul.reCustomLinks span,
ul.reCustomLinks a
{
	padding-left: 1px !important; /* Reset CSS */
	padding-right: 1px !important; /* Reset CSS */
	cursor: default;
}

ul.reCustomLinks .reCustomLinksIcon
{
	width: 9px;
	height: 9px;
	padding: 0 !important; /* Reset CSS */
	background-image: url('Common/CustomLinksSprites.gif');
	background-repeat: no-repeat;
	margin: 2px 4px 0 0 !important; /* Reset CSS */
}

ul.reCustomLinks span
{
    margin-top: 0;
}

ul.reCustomLinks .reCustomLinksIcon.reIcon_plus
{
	background-position: 0 0;
}

ul.reCustomLinks .reCustomLinksIcon.reIcon_minus
{
	background-position: -9px 0;
}

ul.reCustomLinks .reCustomLinksIcon.reIcon_empty
{
	background: none;
}
/* end of custom links */

/* spinbox */
table.reSpinBox
{
	border-collapse: collapse;
	cursor: text;
}

table.reSpinBox td
{
	padding: 0 !important; /* Reset CSS */
}

.reSpinBox input
{
	border: 0 !important;
	background: none transparent;
	width: 22px;
	height: 16px;
	text-align: right;
	cursor: text;
	padding: 0;
}

* html .reSpinBox input,
*+html .reSpinBox input
{
    width: 21px;
}

.reSpinBox a
{
	display: block;
	font-size: 1px !important; /* Reset CSS */
	text-indent: -9999px;
	width: 11px;
	height: 10px;
	cursor: default;
	background-repeat: no-repeat;
}
/* end of spinbox */

/* editor input elements */
.RadEditor input
{
	cursor: text;
}
/* editor input elements */

/* module */
.reModule
{
	border-collapse: collapse !important; /* Reset CSS */
}

td.reModuleLabel
{
    vertical-align: middle !important; /* Reset CSS */
    text-align: right !important; /* Reset CSS */
    padding-left: 6px !important; /* Reset CSS */
    padding-right: 3px !important; /* Reset CSS */
}

td.reModuleText .reEllipsisText
{
	max-width: 110px;
	_width: 110px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	float: right;
}

.reModule .reDropdown,
.reModule .reTool, 
.reModule .reSplitButton
{
    margin: 1px 0 0 0 !important; /* Reset CSS */
}
/* end of module */

/* editing modes */
.reEditorModes
{
    float: left;
    padding: 1px 0 1px 0 !important; /* Reset CSS */
}

.reEditorModes ul,
.reEditorModes li
{
    padding: 0 !important; /* Reset CSS */
    margin: 0 !important; /* Reset CSS */
    list-style: none !important; /* Reset CSS */
}

.reEditorModes li
{
    float: left !important; /* Reset CSS */
}

.reEditorModes a,
.reEditorModes span
{
    display: block;
    cursor: hand;
}

.reEditorModes a
{
    width: 76px;
}

.reEditorModes span
{
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 22px;
    margin: 0 3px;
    background-image: url('Common/CommonIcons.gif');
    background-repeat: no-repeat;
}

.reMode_selected
{
    background-repeat: no-repeat;
}

.reMode_design span,
.reMode_selected.reMode_design span
{
	background-position: -6px -5px;
}

.reMode_html span,
.reMode_selected.reMode_html span
{
	background-position: -6px -36px;
}

.reMode_preview span,
.reMode_selected.reMode_preview span
{
	background-position: -6px -69px;
}
/* end of editing modes */

/* reWrapper */
.reWrapper_corner,
.reWrapper_center,
.reLeftVerticalSide,
.reRightVerticalSide
{
    font-size: 1px;
    line-height: 1px;
}

/*.reWrapper_corner,-> do not set it, because this requires the layout paddings to be further adjusted in other elements*/
.reLeftVerticalSide,
.reRightVerticalSide
{
     padding: 1px; 
}

/* end of reWrapper */

/* DOM inspector */
.reModule_domlink
{
    text-decoration: none;
    font-size: 11px;
}
/* end of DOM inspector */

/* color picker */
.reColorPicker
{
	-moz-user-select: none;
	padding: 4px;
}

.reColorPicker table
{
	border-collapse: collapse;
	border: 0 !important;
	background: transparent !important;
}

.reColorPicker table td
{
	border: 0;
}

.reColorPicker .reColorPickerFooter
{
	overflow: hidden;
}

.reColorPicker span
{
	display: block;
	text-align: center;
	float: left;
	cursor: default;
}

.reColorPicker table div
{
	width: 11px; 
	height: 11px; 
	line-height: 11px; 
	font-size: 1px;
}

.reColorPicker table td
{
	padding: 2px;
	padding-bottom: 0;
	padding-top: 0;
}

.reDropDownBody.reColorPicker table td.reItemOver
{
	border: 0 !important;
	background: transparent !important;
}

.reColorPicker .reColorPickerFooter
{
	margin:0 auto;
	height: 22px;
	height: 18px;
	width: 166px;
	padding:4px 0;
}

.reColorPicker span
{
	width: 82px;
	height: 20px;
	line-height: 18px;
}

.reColorPicker .reColorPickerFooter .reDarkColor
{
	background: black;
	color: white;
	border-right:0;
}

.reColorPicker .reColorPickerFooter .reLightColor
{
	background: white;
	color: black;
	border-left:0;
}
/* end of color picker */

/* insert symbol */
.reInsertSymbol td
{
    text-align: center;
    vertical-align: middle;
}
/* insert symbol */

/* insert table dropdown */
.reInsertTable
{
    padding: 1px !important; /* Reset CSS */
}

.reInsertTable table
{
    width: 120px;
    border: 0 !important;
    margin-left: 2px;
}

.reInsertTable table a span
{
    text-decoration: none;
}

.reInsertTable table td
{
   font-size: 1px;
}

.reInsertTable table td div
{
    height: 13px;
    width: 13px;
}

.reInsertTable .reTlbVertical
{
    border-width: 0 !important;
}

.reInsertTable .reTlbVertical ul
{
    padding: 0 !important; /* Reset CSS */
    margin: 0 !important; /* Reset CSS */
    list-style: none !important; /* Reset CSS */
    background-image: none !important; /* Reset CSS */
}

.reInsertTable div.reTlbVertical ul li a.reTool_text,
.reInsertTable div.reTlbVertical ul li a.reTool_text:hover
{
    background-image: url('Common/CommandSpritesLight.png');
    background-position: -3575 center;
    margin-top: 1px;  
    margin-left: 3px;  
}

.reInsertTable .reTlbVertical ul .reTool_text
{
    text-decoration: none;
    margin: 1px;
}

.reInsertTable .reTlbVertical ul .reTool_text:hover
{
    text-decoration: underline;
}

.reInsertTable .reTlbVertical ul .reTool_text span
{
    height: 18px !important;
    width: 18px !important;
    display: block;
    float: left;
    margin-top: 1px; 
}

.reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text
{
    height: 18px;
    line-height: 18px;
    display: block;
    float: left;
    width: 100px !important;
    background-image: none;
    text-align: center;
}

.reInsertTable .reToolbar
{
    background-image: none !important;
}

.reInsertTable .reToolbar li
{
    clear: none !important;
    float: left !important;
    width: 24px;
}

.reInsertTable .reToolbar li .reTool
{
    width: 24px !important;
    height: 24px;
    margin: 0 !important;
}
/* end of insert table dropdown */

.reDropDownBody
{
    overflow-y: auto;
    overflow-x: hidden;
}

/* resize cell */
.reResizeCell div
{
    background-repeat: no-repeat;
    height: 17px;/*Helps align it with the statistics module*/
    width: 16px;
}

/* editor commands begin */
.CustomDialog
{
	background-position: -1448px center;
}

.FormatCodeBlock
{
	background-position: -305px center;
}

.PageProperties
{
	background-position: -756px center;
}

.SetImageProperties
{
	background-position: -1116px center;
}

.BringToFront
{
	background-position: -1606px center;
}

.AlignmentSelector
{	
	background-position: -1647px center;
}

.Cancel
{
	background-position: -1265px center;
}

.Custom,
.ViewHtml
{
	background-position: -1728px center;
}

.DecreaseSize
{
	background-position: -1886px center;
}

.DeleteTable
{
	background-position: -1445px center;
}

.FileOpen
{
	background-position: -1967px center;
}

.IncreaseSize
{
	background-position: -2046px center;
}

.InsertAnchor
{
	background-position: -2086px center;
}

.InsertEmailLink
{
	background-position: -2246px center;
}

.InsertFormImageButton
{
	background-position: -2486px center;
}

.ModuleManager
{
	background-position: -2376px center;
}

.RepeatLastCommand
{
	background-position: -3248px center;
}

.SendToBack
{
	background-position: -3326px center;
}

.FormatStripper
{
	background-position: -2586px center;
}

.StyleBuilder
{
	background-position: -2946px center;
}

.ToggleFloatingToolbar
{
	background-position: -2974px center;
}

.XhtmlValidator
{
	background-position: -2526px center;
}

.TrackChangesDialog
{
	background-position: -2555px center;
}

.InsertSymbol
{
	background-position: -2196px center;
}

.InsertFormHidden
{
	background-position: -1836px center;
}

.InsertFormButton,
.InsertFormReset,
.InsertFormSubmit
{
	background-position: -1716px center;
}

.InsertFormCheckbox
{
	background-position: -1745px center;
}

.InsertFormPassword
{
	background-position: -1896px center;
}

.InsertFormRadio
{
	background-position: -1926px center;
}

.InsertFormSelect
{
	background-position: -3546px center;
}

.InsertFormTextarea
{
	background-position: -1986px center;
}

.InsertFormText
{
	background-position: -1956px center;
}

.StripAll
{
	background-position: -2585px center;
}

.StripCss
{
	background-position: -2644px center;
}

.StripFont
{
	background-position: -2675px center;
}

.StripSpan
{
	background-position: -2705px center;
}

.StripWord
{
	background-position: -2736px center;
}

.AjaxSpellCheck
{
	background-position: -66px center;
}

.Italic
{
	background-position: -486px center;
}

.ImageManager,
.InsertImage
{
	background-position: -366px center;
}

.ImageMapDialog
{
	background-position: -396px center;
}

.FlashManager,
.InsertFlash
{
	background-position: -246px center;
}

.MediaManager,
.InsertMedia
{
	background-position:  -696px center;
}

.DocumentManager,
.InsertDocument
{
	background-position: -185px center;
}

.TemplateManager
{
	background-position: -2765px center;
}

.InsertTable,
.TableWizard
{
	background-position: -3575px -5px;
}

.InsertRowAbove
{
	background-position: -1355px -7px;
}

.InsertRowBelow
{
	background-position: -1385px -4px;
}

.DeleteRow
{
	background-position: -3425px center;
}

.InsertColumnLeft
{
	background-position: -1626px center;
}

.InsertColumnRight
{
	background-position: -1592px center;
}

.DeleteColumn
{
	background-position: -3392px center;
}

.MergeColumns
{
	background-position: -2315px center;
}

.MergeRows
{
	background-position: -2345px center;
}

.SplitCell
{
	background-position: -3335px center;
}

.SplitCell
{
	background-position: -3335px center;
}

.SplitCellHorizontal
{
	background-position: -3606px center;
}

.DeleteCell
{
	background-position: -1325px center;
}

.SetCellProperties
{
	background-position: -2495px center;
}

.SetTableProperties
{
	background-position: -3365px center;
}

.Help
{
	background-position: -336px center;
}

.Undo
{
	background-position: -996px center;
}

.Redo
{
	background-position: -967px center;
}

.Cut
{
	background-position: -155px center;
}

.Copy
{
	background-position: -125px center;
}

.Paste,
.PasteStrip
{
	background-position: -785px center;
}

.PasteAsHtml,
.PasteHtml
{
	background-position: -815px center;
}

.PasteFromWord
{
	background-position: -845px center;
}

.PasteFromWordNoFontsNoSizes
{
	background-position: -875px center;
}

.PastePlainText
{
	background-position: -905px center;
}

.Print
{
	background-position: -936px center;
}

.FindAndReplace
{
	background-position: -215px center;
}

.SelectAll
{
	background-position: -2435px center;
}

.InsertGroupbox
{
	background-position: -2015px -7px;
}

.InsertCodeSnippet,
.InsertSnippet
{
	background-position: -2164px center;
}

.InsertDate
{
	background-position: -1655px center;
}

.InsertTime
{
	background-position: -2256px center;
}

.AboutDialog
{
	background-position: -6px center;
}

.Bold
{
	background-position: -95px center;
}

.Underline
{
	background-position: -3275px center;
}

.StrikeThrough
{
	background-position: -3306px center;
}

.JustifyLeft
{
	background-position: -576px center;
}

.JustifyCenter
{
	background-position: -516px center;
}

.JustifyFull
{
	background-position: -546px center;
}

.JustifyNone
{
	background-position: -606px center;
}

.JustifyRight
{
	background-position: -636px center;
}

.InsertParagraph
{
	background-position: -454px center;
}

.InsertHorizontalRule
{
	background-position: -2045px center;
}

.Superscript
{
	background-position: -2796px center;
}

.Subscript
{
	background-position: -2826px center;
}

.ConvertToLower
{
	background-position: -1144px center;
}

.ConvertToUpper
{
	background-position: -1174px center;
}

.Indent
{
	background-position: -426px center;
}

.Outdent
{
	background-position: -726px center;
}

.InsertOrderedList
{
	background-position: -2076px center;
}

.InsertUnorderedList
{
	background-position: -2286px center;
}

.AbsolutePosition
{
	background-position: -36px center;
}

.Save,
.SaveAndClose,
.FileSave, 
.FileSaveAs,
.SaveLocal
{
    background-position: -1056px center;
}

.LinkManager,
.CreateLink,
.CustomLinkTool,
.SetLinkProperties
{
	background-position: -665px center;
}

.Unlink
{
	background-position: -2855px center;
}

.ToggleTableBorder
{
	background-position: -2885px center;
}

.ToggleScreenMode
{
	background-position: -2915px center;
}

.ForeColor
{
	background-position: -276px center;
}

.BackColor,
.borderColor,
.bgColor
{
	background-position: -1026px center;
}

.InsertFormElement
{
	background-position: -1774px center;
}

.InsertFormForm
{
	background-position: -1805px center;
}

.reTopCenter
{
    background-position: -3036px -6px;
}

.reMiddleLeft
{
    background-position: -3096px -6px;
}

.reMiddleCenter
{
    background-position: -1236px -6px;
}

.reMiddleRight
{
    background-position: -3155px -6px;
}

.reBottomCenter
{
    background-position: -3216px -6px;
}

.reNoAlignment
{
    background-position: -1266px -6px;
}

.reTopLeft
{
    background-position: -3006px -6px;
}

.reTopRight
{
    background-position: -3155px -6px;
}

.reBottomLeft
{
    background-position: -3186px -6px;
}

.reBottomRight
{
    background-position: -3245px -6px;
}

.SilverlightManager
{
    background-position: -3636px -6px;
}

/* alignment settings within the alignment dropdown */
.reAlignmentSelector .reTopRight
{
    background-position: -3151px -5px;
}

.reAlignmentSelector .reTopLeft
{
    background-position: -3004px -5px;
}

.reAlignmentSelector .reTopCenter
{
    background-position: -3033px -5px;
}

.reAlignmentSelector .reNoAlignment
{
    background-position: -1263px -5px;
}

.reAlignmentSelector .reMiddleLeft
{
    background-position: -3094px -5px;
}

.reAlignmentSelector .reMiddleCenter
{
    background-position: -1233px -5px;
}

.reAlignmentSelector .reMiddleRight
{
    background-position: -3151px -5px;
}

.reAlignmentSelector .reBottomCenter
{
    background-position: -3213px -5px;
}

.reAlignmentSelector .reBottomRight
{
    background-position: -3241px -5px;
}

.reAlignmentSelector .reBottomLeft
{
    background-position: -3184px -5px;
}
/* editor commands end */

/* apply css class dropdown */
.reApplyClass td
{
    vertical-align: middle;
    height: 22px;
    padding-left: 3px;
}

.reApplyClass span
{
	width: 14px;
	height: 14px; 
	line-height: 13px;
	background-image: url('Common/ApplyClassSprites.gif');
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-right: 4px;
	text-indent: -9999px;
}

.reApplyClass .reClass_all
{
	background-position: 0 0;
}

.reApplyClass .reClass_img
{
	background-position: 0 -20px;
}

.reApplyClass .reClass_table
{
	background-position: 0 -40px;
}

.reApplyClass .reClass_ul
{
	background-position: 0 -60px;
}

.reApplyClass .reClass_ol
{
	background-position: 0 -80px;
}

.reApplyClass .reClass_p
{
	background-position: 0 -100px;
}

.reApplyClass .reClass_span
{
	background-position: 0 -120px;
}

.reApplyClass .reClass_a
{
	background-position: 0 -140px;
}

.reApplyClass .reClass_div
{
	background-position: 0 -160px;
}

.reApplyClass .reClass_h1
{
	background-position: 0 -180px;
}

.reApplyClass .reClass_h2
{
	background-position: 0 -200px;
}

.reApplyClass .reClass_h3
{
	background-position: 0 -220px;
}

.reApplyClass .reClass_h4
{
	background-position: 0 -240px;
}

.reApplyClass .reClass_h5
{
	background-position: 0 -260px;
}

.reApplyClass .reClass_h6
{
	background-position: 0 -280px;
}

.reApplyClass .reClass_td
{
	background-position: 0 -300px;
}
/* end of apply css class dropdown */

td.reTlbVertical
{
    vertical-align: top;
}

.reToolCell .reTool_text span
{
    text-indent: -9999px;    
}

.reToolCell .reTool_text.reSplitButton
{    
    width: auto;
}

.reToolCell .reTool_text.reSplitButton .reButton_text
{
    text-indent: 0;
}

.reTlbVertical li
{
    vertical-align: top;
}/****************************
File:       Editor.Default.css

Purpose:    Contains Telerik Default skin for the RadEditor object class.

            Do NOT make any changes here to support a particular theme.
            Either change the selected skin file (ex. Editor.Sunset.css) or add changes to the zzzColors.css file (not recommended).

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2010-10-14  Walt Edwards added this documentation.
****************************/

/* Editor/ToolBarSprites.gif")%> */

/* RadEditor for ASP.NET AJAX Default Skin */

.Default.RadEditor
{
    background-color: #ececec;
}

/* reWrapper */
.Default.reWrapper
{
    border: solid 1px #828282;
}

.Default.RadEditor .reContentCell
{
    border: solid 1px #828282;
}

/* common settings for .reModule, .reEditorModes and .reWrapper */
.Default.reColorPicker,
.Default.reInsertTable,
.Default.reDropDownBody,
.Default.reCustomLinks a:hover
{
	border: solid 1px #828282;
}

.Default.reDropDownBody table
{
    background: transparent;
}

.Default.RadEditor .reModule,
.Default.RadEditor .reEditorModes,
.Default.RadEditor .reWrapper
{
	background-color: #ececec;
}

/*NEW: Only in the Bottom zone - where the Statistics module is commonly set, remove uppper border, because it looks ugly*/
.Default.RadEditor .reBottomZone .reModule
{
    border-top: 0;
}

.Default.RadEditor .reModule
{
    border-top: solid 1px #828282;  
}

.Default.reCustomLinks a,
.Default.reCustomLinks a:link,
.Default.reCustomLinks a:visited
{
    border: solid 1px #fff; /* should be the same as the background of the dropdown */
    color: black !important;
}

.Default.reCustomLinks a:hover
{
    background-color: #828282;
    border-top: solid 1px #8d8d8d;
    border-right: solid 1px #717171;
    border-bottom: solid 1px #6c6c6c;
    border-left: solid 1px #7a7a7a;
}
/* end of module */

.reToolbar li
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -26px;
    color: #000;
}

.Default .reSpinBox a
{
    background-image: url('Editor/ToolbarSprites.gif');
    -moz-user-select: none;
    outline: none;
}

/* separator */
.reToolbar.Default .reSeparator
{
    background-position: center -148px;
    background-image: url('Editor/ToolbarSprites.gif');
}

/* common settings for left and right grip */
.reToolbar.Default .reGrip
{
	background-image: url('Editor/ToolbarSprites.gif');
}

/* reTool */
.reTool span
{
    background-image: url('../Common/CommandSpritesLight.png');
}

/* IE6 does not support PNG alpha channel, so we use gifs for the command sprites instead */
* html .reTool span,
* html .reTool_text span,
* html .reTlbVertical .reTool_text span,
* html .reToolbar .reSplitButton.reTool_text span
{
    _background-image: url('../Common/CommandSpritesLightIE6.gif');
}

.reDialog .reTool,
.reModule .reTool
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -242px;
}

.reDialog .reTool:hover,
.reToolbar .reTool:hover,
.reModule .reTool:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -52px;
}

.reToolbar .reTool.reTool_selected,
.reToolbar .reTool.reTool_selected:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -124px;
    background-repeat: no-repeat;
}

/* .reTool_text */
.reToolbar .reTool_text span
{
    background-image: url('../Common/CommandSpritesLight.png');
}

.reToolbar .reTool_text:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-repeat: repeat-x;
    background-position: 0 -100px;
    margin-left: 0;
    margin-right: 0;
    border-left: solid 1px #878787;
    border-right: solid 1px #878787;
}

.reToolbar .reTool_text.reTool_selected,
.reToolbar .reTool_text.reTool_selected:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-repeat: repeat-x;
    background-position: 0 -174px;
    margin-left: 0;
    margin-right: 0;
    border-left: solid 1px #878787;
    border-right: solid 1px #878787;
}

/* these settings will not be included in the common CSS file of RadEditor */
.reToolbar .reTool_text.reTool_disabled,
.reToolbar .reTool_text.reTool_disabled:hover
{
    margin-left: 0;
    margin-right: 0;
    border: 0;
}
/* end of reTool_text */

.reTool.reSplitButton:hover
{
    background: url('Editor/ToolbarSprites.gif') no-repeat 0 -76px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool.reSplitButton:hover
{
    background: url('Editor/ToolbarSprites.gif') no-repeat 0 -76px;
}

.Default .reTool .split_arrow
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: -28px -362px;
}

.Default .reSplitButton.reTool_text .split_arrow
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: -28px -362px;
}

/* add weight to the selector for IE6 so it is applied */
* html .Default .reToolbar .reTool_text .split_arrow
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: -28px -362px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool_text:hover
{
    background: url('Editor/ToolbarSprites.gif');
    background-position: 0 -100px;
}

.reDialog .reTool.reSplitButton,
.reModule .reTool.reSplitButton
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -218px;
}

.reDialog .reTool.reSplitButton:hover,
.reModule .reTool.reSplitButton:hover
{
    background-position: 0 -76px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool.reSplitButton.reTool_disabled:hover
{
    background: none;
}
/* end of reSplitButton */

/* reDropdown */
.reDropdown:link,
.reDropdown:visited
{
    color: black !important;
}

.reDropdown,
.reTool_disabled.reDropdown:hover
{
    border: solid 1px #ababab;
    background-color: #fff;
    background-image: url('Editor/ToolbarSprites.gif') !important;
    background-position: right -360px !important;
}

.reDropdown:hover
{
    border-top: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    border-bottom: solid 1px #a3a3a3;
    border-left: solid 1px #a3a3a3;
    background-image: url('Editor/ToolbarVerticalSprites.gif') !important;
    background-position: right 0 !important;
}

/* add weight to the selector for IE6 so it is applied */
* html .reTool_disabled.reDropdown
{
    background-image: url('Editor/ToolbarSprites.gif')t;
    background-position: right -380px;
    background-repeat: no-repeat;
}
/* end of reDropdown */

/* vertical toolbar */
.RadEditor.Default .reTlbVertical li
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-repeat: repeat-y;
    background-position: -26px 0;
}

.RadEditor.Default .reTlbVertical .reToolbar.Default .reGrip
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
}

.RadEditor.Default .reTlbVertical .reToolbar.Default .grip_first
{
    background-position: 0 0;
}

.RadEditor.Default .reTlbVertical .reToolbar.Default .grip_last
{
    background-position: 0 -4px;
}

.RadEditor.Default .reTlbVertical .reToolbar.Default .reSeparator
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -100px -12px;
}

.reTlbVertical .reTool:hover,
.reTlbVertical .reTool_text.reSplitButton:hover,
.reTlbVertical .reTool_text:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -76px 0;
}

/* add weight to the selector for IE6 so it is applied */
* html .reTlbVertical .reTool_text:hover
{
	background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-repeat: no-repeat;
    background-position: -76px 0;
}

.reTlbVertical .reTool.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -52px 0;
}

/* add weight to the selector for IE6 so it is applied */
* html .reTlbVertical .reSplitButton:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -76px 0;
    background-repeat: no-repeat;
}
/* end of vertical toolbar */

.reDropDownBody .reTlbVertical ul li a:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -602px 0;
}

/* InsertTable itself is a kind of tool strip, so it must be styled as a toolstrip */
.Default.reInsertTable
{
    background-color: #ffffff;
}

.reDropDownBody .reTlbVertical .reToolbar
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-color: #ffffff;
    background-position: -126px 0;
}
/* end of context menu and toolstrip */

/* spinbox */
.Default table.reSpinBox
{
	border-top: solid 1px #8e8e8e;
	border-right: solid 1px #b8b8b8;
	border-bottom: solid 1px #b8b8b8;
	border-left: solid 1px #8e8e8e;
	background: white;
}

.Default table.reSpinBox:hover
{
    border: solid 1px #515151;
}

.Default .reSpinBoxIncrease
{
	background-position: 0 -198px;
}

.Default .reSpinBoxIncrease:hover
{
	background-position: 0 -208px;
}

.Default .reSpinBoxDecrease
{
	background-position: -11px -198px;
}

.Default .reSpinBoxDecrease:hover
{
	background-position: -11px -208px;
}
/* end of spinbox */

/* editor input elements */
.Default.RadEditor input
{
	border-top: solid 1px #8e8e8e;
	border-right: solid 1px #b8b8b8;
	border-bottom: solid 1px #b8b8b8;
	border-left: solid 1px #8e8e8e;
	background: white;
}

.Default.RadEditor input:hover
{
    border: solid 1px #515151;
}
/* editor input elements */

/* editing modes */
.Default .reMode_selected
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -948px 0;
}
/* end of editing modes */

/* DOM inspector */
.Default .reModule_domlink_selected,
.Default .reModule_domlink
{
    color: black;
}
/* end of DOM inspector */

.Default.reDropDownBody .reItemOver
{
	background: #dfdfdf;
	color: #000;
}
/* end of expanded dropdowns */

* html .reTool_selected.reTool
{
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

/* color picker */
.Default.reColorPicker table div
{
	border: solid 1px #c5c5c5;
}

.Default.reColorPicker table td.reItemOver div
{
	border-color: #000;
}

.Default.reColorPicker span
{
	border: solid 1px #c5c5c5;
}
/* end of color picker */

/* ajax spellchecker */
.reAjaxspell_button
{
    border: solid 1px #828282;
    background: #ececec;
    color: #828282;
}

.Default .reAjaxSpellCheckSuggestions table
{
    border-width: 0;
    width: 100%;
}

.Default .reAjaxSpellCheckSeparator
{
    background-color: #979797;
}
/* ajax spellchecker */

/* custom links */
.Default.reCustomLinks,
.Default.reCustomLinks ul
{
	color: #000;
}

.Default.reCustomLinks a
{
    background: none transparent;
    color: black;
	cursor: default !important;
}

.Default.reCustomLinks a:hover
{
    color: white;
}
/* end of custom links */

/* insert table dropdown */
.reInsertTable table
{
    background: #ffffff;
}

.reInsertTable table td
{
    border: solid 1px #828282;
    background: white;
}

.reInsertTable .reTlbVertical ul
{
    background-color: #ffffff;
}

.Default.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text,
.Default.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link,
.Default.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited
{
    color: black !important;
    background: transparent none;
    _background: none !important;
}

.Default.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover
{
    background: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -1403px 0;
}

.reInsertTable .reTlbVertical ul .reTool_text span
{
    background-image: url('../Common/CommandSpritesLight.png');
    background-position: -3575 center;
}

.reInsertTable .reToolbar li .reTool:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -52px;
}
/* end of insert table dropdown */

/* modules selector */
.reModule_visible_icon,
.reModule_hidden_icon
{
	display: block;
	float: left;
	height: 18px;
	width: 18px;
	background-image: url('../Common/CommonIcons.gif');
	background-repeat: no-repeat;
}

.reModule_visible_icon
{
	background-position: -8px -199px;
}

.reModule_hidden_icon
{
	background-position: -8px -103px;
	
}
/* end of modules selector */

/* resize cell */
.reResizeCell div
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: center -301px;
}

/* reTool_disabled */
.reDialog .reTool_disabled,
.reDialog .reTool_disabled:hover,
.reToolbar .reTool_disabled,
.reToolbar .reTool_disabled:hover,
.reModule .reTool_disabled,
.reModule .reTool_disabled:hover
{
    filter: alpha(opacity=40);
    opacity: .4;
    -moz-opacity: .4;
    background-image: none;
}
/* reTool_disabled */﻿/****************************
File:       File.css

Purpose:    Contains all styles specifically for the File (Library) application pages.
            Does NOT contain any generic styles.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2010-10-14  Walt Edwards renamed to file.css from file.default.css to make it more standard.
2010-10-14  Walt Edwards moved ALL colors to zzzColors.CSS to prevent confusion and maintenance issues.
2011-03-17  Walt Edwards added NOTE_GIF class
2011-04-27  Walt Edwards merged NOTE_GIF changes into this file.
2011-05-18  Walt Edwards added PowerPoint styles PPS, PPSX, PPTX and their GIF files.
2012-10-26  Walt Edwards added new file type styles for DWG, XSN, and SKP files.
****************************/

/* Search Page */

    #tdSearchResults a[href]:active,
    #tdSearchResults a[href]:hover,
    #tdSearchResults a[href]:link,
    #tdSearchResults a[href]:visited
    {
        font-size: 12px;
    }



.AI_GIF, .CSV_GIF, .DOC_GIF, .DOCX_GIF, .DOTX_GIF, .DWG_GIF, .GIF_GIF, .GIS_GIF, .JPG_GIF, .HLP_GIF, .KML_GIF, .KMZ_GIF, .MDB_GIF, .MDBX_GIF, .MP4_GIF, .NOTE_GIF, .OWA_GIF,
.PDF_GIF, .PNG_GIF, .PPS_GIF, .PPSX_GIF, .PPT_GIF, .PPTX_GIF, .PSD_GIF, .RPT_GIF, .SKP_GIF, .TIF_GIF, .WMA_GIF, .WMV_GIF, .XFD_GIF, .XLS_GIF, .XLSX_GIF, .XML_GIF, .XSN_GIF, .ZIP_GIF {
    background-repeat: no-repeat;
    height: 16px;
    padding: 0 0 0 22px;
    margin: 2px 0 18px 0
}

.AI_GIF     { background-image: url('FileIcons/ai.gif') }   /* Adobe Illustrator - need icon */
.CSV_GIF    { background-image: url('FileIcons/xls.gif') }
.DOC_GIF    { background-image: url('FileIcons/doc.gif') }
.DOCX_GIF   { background-image: url('FileIcons/docx.gif') }
.DOTX_GIF   { background-image: url('FileIcons/docx.gif') }
.DWG_GIF    { background-image: url('FileIcons/dwg.gif') }
.GIF_GIF    { background-image: url('FileIcons/jpg.gif') }
.GIS_GIF    { background-image: url('FileIcons/gis.gif') }
.JPG_GIF    { background-image: url('FileIcons/jpg.gif') }
.HLP_GIF    { background-image: url('FileIcons/hlp.gif') }
.KML_GIF    { background-image: url('FileIcons/kml.gif') }
.KMZ_GIF    { background-image: url('FileIcons/kmz.gif') }
.MDB_GIF    { background-image: url('FileIcons/mdb.gif') }
.MDBX_GIF   { background-image: url('FileIcons/mdb.gif') }
.MP4_GIF    { background-image: url('FileIcons/mp4.gif') }
.NOTE_GIF   { background-image: url('FileIcons/note.gif') }
.OWA_GIF    { background-image: url('FileIcons/owa.gif') }
.PDF_GIF    { background-image: url('FileIcons/pdf.gif') }
.PNG_GIF    { background-image: url('FileIcons/jpg.gif') }
.PPS_GIF    { background-image: url('FileIcons/pps.gif') }
.PPSX_GIF   { background-image: url('FileIcons/ppsx.gif') }
.PPT_GIF    { background-image: url('FileIcons/ppt.gif') }
.PPTX_GIF   { background-image: url('FileIcons/pptx.gif') }
.PSD_GIF    { background-image: url('FileIcons/psd.gif') }  /* Photoshop - need icon */
.RPT_GIF    { background-image: url('FileIcons/rpt.gif') }
.SKP_GIF    { background-image: url('FileIcons/skp.gif') }
.TIF_GIF    { background-image: url('FileIcons/jpg.gif') }
.WMA_GIF    { background-image: url('FileIcons/audio_cd.gif') } 
.WMV_GIF    { background-image: url('FileIcons/audio_cd.gif') }  /* Windows Media Video - need icon */
.XFD_GIF    { background-image: url('FileIcons/xfd.gif') }  /* Extensible Form - need icon */
.XLS_GIF    { background-image: url('FileIcons/xls.gif') }
.XLSX_GIF   { background-image: url('FileIcons/xls.gif') }
.XML_GIF    { background-image: url('FileIcons/xml.gif') }
.XSN_GIF    { background-image: url('FileIcons/xsn.gif') }
.ZIP_GIF    { background-image: url('FileIcons/zip.gif') }


/* End Search Page */


.file_grid_heading1 { font-weight: bold; font-size: 10pt; font-family: arial; }
.file_grid_text1 { font-size: 9pt; font-family: arial; }

.file_table      { font-size: 9pt; font-family: arial; text-align: left; vertical-align: top;}
.file_table_tr   { vertical-align: top;}
.file_table_th   { font-weight:bold; font-size: 10pt; cursor: hand; vertical-align: top; }
.file_table_icon { text-align: center; }

.sidebar_panel
{
    background: url('file/grid-bg.gif') repeat;
    border: 1px solid;
    margin: 0;
    padding: 0px;
    width: 240px;
}
.sidebar_title
{   
    background: url('file/sidebar-bg.gif') no-repeat; 
    text-align:left;
    font-size: 12px;
    margin: 0;
    padding: 0px;
    padding-left: 10px;
    padding-top: 5px;
    height:20px;
    vertical-align: top;
    width: 240px;
}

.sidebar_message
{
    overflow: hidden;
    width: 240px;
}

.sidebar_message_text
{
    font-size: 8pt;
    height: 260px;
    margin: 5px 5px 5px 5px;
    text-align: left;
    line-height:normal;
}
﻿/****************************
File:       Homepage.css

Purpose:    Contains all styles specically for the Homepage application pages.
            Does NOT contain any generic styles.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2009-09-24  Walt Edwards added #divMain .HOMEPAGE_WidgetContainer A:* styles so that Project Homepage links can be different than defaults
2010-10-01  Walt Edwards added #ctl00_cphMain_UcProjectMessage2_divWidgetContainer and #ctl00_cphMain_UcProjectMessage2_divWidgetBorder classes.
2010-10-02  Walt Edwards renamed item 2 above to 4.
2010-10-14  Walt Edwards moved ALL colors to zzzColors.CSS to prevent confusion and maintenance issues.
2011-07-22  Walt Edwards added .rcSharedEvent to support shared calendar events having different appearance.
****************************/

.DockCommandShowCalendarEditor       { width:15px; background:url(images/edit_15x15.png)   repeat-x; cursor:pointer; }
.DockCommandShowComLogReport         { width:15px; background:url(images/spreadsheet_15x15.png) repeat-x; cursor:pointer; }
.DockCommandShowProjectMessageEditor { width:15px; background:url(images/edit_15x15.png)   repeat-x; cursor:pointer; }
.DockCommandShowProjectMetricsEditor { width:15px; background:url(images/edit_15x15.png)   repeat-x; cursor:pointer; }

.HOMEPAGE_WidgetBorder    { border: solid 1px; border-top: none; overflow-y:auto; }
.HOMEPAGE_WidgetTitlebar_Background
{   border: solid 1px;
    border-bottom: solid 1px ThreeDShadow;
    padding: 5px;
    padding-right: 1px;
    height: 14px;
    overflow: hidden; 
}
.HOMEPAGE_WidgetTitlebar_Title      { font-family:Arial; font-size:12px; float:left; }
.HOMEPAGE_WidgetTitlebar_EditButton, .HOMEPAGE_WidgetTitlebar_EmailButton  
{
    background-image: url('Homepage/edit.png'); 
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    float:right; 
    height: 16px;
    margin: 0 1px 0 0;
    width: 16px;
}


.HOMEPAGE_WidgetTitlebar_EmailButton  
{
    background-image: url('Homepage/message.gif'); 
}

.HOMEPAGE_WidgetContainer
{
    font-size: 11px;
    padding: 10px;
}


.homepage_body            { margin-bottom: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; }
.homepage_main_heading1   { font-family: arial; font-size: 14pt; letter-spacing: 1pt }

.homepage_message_heading { font-family: arial; font-size: 8pt; white-space:nowrap; margin-left:4px; margin-top:4px; margin-right:2px; }
.homepage_message_text    { font-family: arial; font-size: 8pt; white-space:normal; margin-left:12px; margin-right:2px; }
.homepage_message_send    { font-family: arial; font-size: 8pt; white-space:normal;
                            border-style: inset; border-width: 2px; overflow-y: scroll; position: absolute; height: 20px; width: auto;
                            min-width: 76%; left: 15px; right: 100px; bottom: 15px; }
.homepage_message_btnSend { height: 24px; width: 50px; position: absolute; bottom: 13px; right: 15px;}        
        

.homepage_heading         { font-family: arial; font-size: 8pt; font-weight: bold; }
.homepage_text_C          { font-family: arial; font-size: 8pt; text-align: center; }
.homepage_text_L          { font-family: arial; font-size: 8pt; text-align: left; }
.homepage_text_R          { font-family: arial; font-size: 8pt; text-align: right; }
.homepage_button          { font-family: Arial; font-size: 10px; cursor: hand }

.homepage_popup_body      { margin-bottom: 0px; margin-left: 20px; margin-top: 20px; margin-right: 20px }


.calendar_heading1  { font-family: arial; font-size: 14pt; letter-spacing: 1pt }
.calendar_heading2  { font-family: arial; font-size: 9pt; font-weight: bold; letter-spacing: 1pt }
.calendar_text      { font-family: arial; font-size: 9pt }
.calendar_hyperlink { font-family: arial; font-size: 9pt }

.HOMEPAGE_ucPointsOfContact, .HOMEPAGE_ucLibraryDocuments, .HOMEPAGE_ucProjectCalendar, .HOMEPAGE_ucLibraryDocumentsCount
{
    background-repeat: no-repeat;
    float: left;
    font-size:  11px;
    height: 16px;
    padding-left: 25px;
    text-align: left;
    white-space:nowrap;
}
.HOMEPAGE_ucPointsOfContact:hover, .HOMEPAGE_ucLibraryDocuments:hover, .HOMEPAGE_ucProjectCalendar:hover
{
    cursor: pointer;
    text-decoration: underline;
}

.HOMEPAGE_ucPointsOfContact         { background-image: url('Homepage/ucPointsOfContact.gif') }
.HOMEPAGE_ucLibraryDocuments        { background-image: url('Homepage/ucLibraryDocuments.gif'); padding-left: 20px; padding-top: 1px; }
.HOMEPAGE_ucLibraryDocumentsCount   { float: right; padding: 0; padding-top: 1px; }
.HOMEPAGE_ucProjectCalendar         { background-image: url('Homepage/ucProjectCalendar.gif') }

.HOMEPAGE_ucThumbnail_Image
{
    cursor: pointer;
    border: solid 1px;
    margin-right: 6px;
    overflow: hidden;
}

#ctl00_cphMain_UcProjectMessage4_divWidgetContainer
{
    background-image: none;
}

.ucProjectMessage_RPT_GIF {
    background-image: url('FileIcons/rpt.gif');
    background-repeat: no-repeat;
    height: 16px;
    padding: 0 0 0 22px;
    margin: 5px 0 0 0
}

.ucProjectMessage_Background2 /* Blue Sky */
{
    background: url('homepage/ProjectMessage2_Background.jpg') no-repeat;
/*    margin: -10px -10px -10px -10px; */
    padding:  5px 5px 5px 5px;
}

#ctl00_cphMain_UcProjectMessage4_divWidgetBorder 
{
    background: url('homepage/ProjectMessage2_Background.jpg') repeat-x;
}

#divChatHistory
{
    border-style: inset; border-width: 2px; overflow-y: scroll; height: auto; top: 15px; bottom: 45px; left: 15px;
        right: 15px; position: absolute;
}


#divHTML_Content 
{
    font-size: 12px; line-height:18px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px;
}

#divHTML_Sidebar
{
    margin:20px;
    padding:20px; 
}

#divHTML_Sidebar div, 
#divHTML_Sidebar a:active, 
#divHTML_Sidebar a:link, 
#divHTML_Sidebar a:visited 
{
    font-size: 12px;
    line-height: 18px
}

#divHTML_Sidebar h1 
{
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1pt; 
    text-align: left;
}

#divHTML_Sidebar .HorizontalSidebar
{
    min-height: 100px;
    width: 835px;
}

#divHTML_Sidebar .VerticalSidebar 
{
    min-height: 139px;
    width: 180px;
}

#tdHTML_LastUpdated
{
    padding-right: 35px;
    text-align: right;
    vertical-align:top;
}


#divLounge
{
    background-image: url('Homepage/lounge-bk.png');
    height: 455px;
    width: 948px;
    padding: 0 0 0 0;
    background-repeat: no-repeat;
}

#divLounge a:active,
#divLounge a:link,
#divLounge a:visited
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#divLounge a:hover
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
    
#divRotator
{
    margin-left: 70px;
    margin-top: 100px;
}

#divLoungeSharedFiles
{
    height: 80px;
    margin: 0;
    margin-left: 70px;
    margin-top: 75px;
    width: 163px; 
}

#divLoungeSharedFiles:hover
{
    background-image: url('Homepage/cubby-on.png');
    cursor: pointer;
}

#divLoungeSubmitOpportunity
{
    height: 81px; 
    margin: 262px 0 0 0px;
    width: 78px; 
}

#divLoungeSubmitOpportunity:hover
{
    background-image: url('Homepage/suggest-on.png'); 
    cursor: pointer;
}

#divLoungePOC
{   
/*  border: solid 1px orange; */
    height: 75px;
    margin: 215px 0 0 5px;
    width: 95px; 
}

#divLoungePOC:hover
{
    cursor: pointer;
}

#divMain .HOMEPAGE_WidgetContainer A:active, 
#divMain .HOMEPAGE_WidgetContainer A:link, 
#divMain .HOMEPAGE_WidgetContainer A:visited, 
#divMain .HOMEPAGE_WidgetContainer A:hover
{
    font-size: 11px;
}

/* RadCalendar Shared Event Background */
#divMain .rcRow .rcSharedEvent a:active, 
#divMain .rcRow .rcSharedEvent a:link, 
#divMain .rcRow .rcSharedEvent a:visited
 {
     Background-color: Silver }

#divMain .rcRow .rcSelected a:active, 
#divMain .rcRow .rcSelected a:link, 
#divMain .rcRow .rcSelected a:visited,
#divMain .rcRow .rcSelected a:hover
 { cursor:pointer }

#divMain .rcRow .rcSelected a:hover
 { text-decoration: underline }

#divMain .rcRow a:active, 
#divMain .rcRow a:link, 
#divMain .rcRow a:visited,
#divMain .rcRow a:hover
 {
     cursor: default;
     text-decoration: none
 }

.divUser
{
    background-image:url('Homepage/hmSprites.png'); 
    background-repeat: no-repeat;
    cursor: pointer;
    height: 47px;
    position: relative;
    width: 34px;
    z-index: 1001;
}

.divUserMan1Left  { background-position: 100% -0953px }
.divUserMan1Right { background-position: 100% -0903px }
.divUserMan2Left  { background-position: 100% -1053px }
.divUserMan2Right { background-position: 100% -1003px }
.divUserMan3Left  { background-position: 100% -1153px }
.divUserMan3Right { background-position: 100% -1103px }
.divUserMan4Left  { background-position: 100% -1253px }
.divUserMan4Right { background-position: 100% -1203px }
.divUserMan5Left  { background-position: 100% -1353px }
.divUserMan5Right { background-position: 100% -1303px }
.divUserMan6Left  { background-position: 100% -1453px }
.divUserMan6Right { background-position: 100% -1403px }
.divUserMan7Left  { background-position: 100% -1553px }
.divUserMan7Right { background-position: 100% -1503px }
.divUserMan8Left  { background-position: 100% -1653px }
.divUserMan8Right { background-position: 100% -1603px }
.divUserMan9Left  { background-position: 100% -1753px }
.divUserMan9Right { background-position: 100% -1703px }
.divUserWoman1Left  { background-position: 100% -53px }
.divUserWoman1Right { background-position: 100% -3px }
.divUserWoman2Left  { background-position: 100% -153px }
.divUserWoman2Right { background-position: 100% -103px }
.divUserWoman3Left  { background-position: 100% -253px }
.divUserWoman3Right { background-position: 100% -203px }
.divUserWoman4Left  { background-position: 100% -353px }
.divUserWoman4Right { background-position: 100% -303px }
.divUserWoman5Left  { background-position: 100% -453px }
.divUserWoman5Right { background-position: 100% -403px }
.divUserWoman6Left  { background-position: 100% -553px }
.divUserWoman6Right { background-position: 100% -503px }
.divUserWoman7Left  { background-position: 100% -653px }
.divUserWoman7Right { background-position: 100% -603px }
.divUserWoman8Left  { background-position: 100% -753px }
.divUserWoman8Right { background-position: 100% -703px }
.divUserWoman9Left  { background-position: 100% -853px }
.divUserWoman9Right { background-position: 100% -803px }

.divUserPos1  { top: 300px; left: 160px; }
.divUserPos2  { top: 280px; left: 115px; }
.divUserPos3  { top: 250px; left: 165px; }
.divUserPos4  { top: 175px; left: 270px; }
.divUserPos5  { top: 130px; left: 320px; }
.divUserPos6  { top: 115px; left: 385px; }
.divUserPos7  { top:  70px; left: 435px; }
.divUserPos8  { top:  30px; left: 240px; }
.divUserPos9  { top:   0px; left: 280px; }
.divUserPos10 { top: -155px; left: 230px; }
.divUserPos11 { top: -205px; left: 295px; }
.divUserPos12 { top: -150px; left: 340px; }
﻿/****************************
File:       MasterPage.css

Purpose:    Contains all styles specically for the masterpages and their user controls.
            Does NOT contain any generic styles.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2008-10-02  Walt Edwards created.
2008-10-09  Walt Edwards moved to global file based theme.
2008-10-23  Walt Edwards completed refactoring to use EM instead of pixels so user can change sizing.
2008-12-29  Walt Edwards updated with Default_TEAM theme and then refactored to eliminate problem interaction with Synectics_Default Menu.Default.css
2009-01-30  Walt Edwards refactored using new SYNECTICS_DEFAULT theme that works with Safari and Firefox
2009-03-23  Walt Edwards merged with ITSI version and refactored to use PX instead of EM measurements.
2009-05-13  Walt Edwards merged latest synectics with latest team.
2010-09-30  Walt Edwards removed btnLogin class, and added divLogin class.
2010-10-14  Walt Edwards moved ALL colors to zzzColors.CSS to prevent confusion and maintenance issues.
****************************/

/* ucOptions styles */

.btnIsBroadcast, .btnIsChatMessage, .btnIsHelp, .btnNoBroadcast, .btnNoChatMessage, .btnNoHelp, .btnOptions, .btnRegister
{
    border: none;
    cursor: pointer;
    padding: 0px;
    text-align: right;
    width: 75px;
}

.btnIsBroadcast, .btnIsChatMessage, .btnIsHelp, .btnNoBroadcast, .btnNoChatMessage, .btnNoHelp, .btnOptions {
    background-repeat:no-repeat;
    height:16px;
    margin: 10px 0 0 34px; 
    width: 16px;
}

.btnIsBroadcast     { background-image: url('Masterpage/broadcast_active.gif') }
.btnNoBroadcast     { background-image: url('Masterpage/broadcast_inactive.gif') }
.btnIsChatMessage   { background-image: url('Masterpage/message_active.gif') }
.btnNoChatMessage   { background-image: url('Masterpage/message_inactive.gif'); cursor:default; }
.btnIsHelp          { background-image: url('Masterpage/help_active.gif') }
.btnNoHelp          { background-image: url('Masterpage/help_inactive.gif') }
.btnOptions         { background-image: url('Masterpage/options.gif') }
/* End ucOptions */


.bodySite
{
    background: url( 'Masterpage/bg.gif' ) repeat-x; /* Note, must be JPG or GIF, not PNG */
    margin: 0 0 0 0;
    padding: 0 11px 0 15px;
    text-align: center;
}

.bodyDialog
{ 
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

.bodyDialog #divMain { padding: 0}
.bodyDialog #divMain fieldset { border: none}

#divMain fieldset
{
    margin: 0 5px 5px 0;
    padding: 10px 6px 6px 10px;
}

#divMain legend
{
    margin: -10px 0 10px -5px
}

/*
fieldset
{
    background-color: #DEDFDE; 
    border: outset;
    color: Black; 
    margin: 0 5px 5px 0;
    padding: 10px 6px 6px 10px;
}

fieldset.dialog
{
    background-color: Transparent;
    border:  none 0;
    margin: 0 0 0 0;
}
*/

.h1, h1, .h2, h2
{
    /* Used for all titles on main application pages */
    font-size: 18px;
    font-weight: normal;
    margin: 0 10px 10px 0;
}
.h2, h2
{   /* Used for titles on dialog pages with alternate background */
    font-size: 12px;
    font-weight: bold;
    margin: 0 0px 0px 0;}
.h3, h3, .h4, h4
{   /* Used for sub titles */
    font-size: 14px;
    font-weight: normal;
}



#divAjaxLoadingPanel
{   
    background: url( 'MasterPage/loading4.gif' ) no-repeat;
    background-position: center 25px;
}

#divAjaxLoadingPanelDialog
{   
    background: url( 'MasterPage/loading4.gif' ) no-repeat;
    background-position: center 1px;
    width:100%; margin-top:0; position:absolute;
}

.divBanner
{
    /*background: url('Masterpage/bg.JPG' ) repeat-x; /* Note, must be JPG or GIF, not PNG */
/*  background: url('Masterpage/banner-bg.jpg'); now handled in the ucBanner instead */
    background-position: 0 0;
    background-repeat: no-repeat; 
    font-size: 30px;
    height: 276px;
/*  padding: 216px 0 30px 30px; */
/*  margin: 0 0 -221px 0; */
}

#divCopyright
{
    background: url('Masterpage/footer-bg.gif') repeat-x;
    font-size: 12px;
    height: 36px;
    margin-bottom: 0;
    padding: 24px 5px 0px 15px;
    text-align: right;
    width: 928px;
}

#divCopyright a:active,
#divCopyright a:link,
#divCopyright a:visited
{
    text-decoration: none;
}

#divLogin a,
#divLogin a:active,
#divLogin a:link,
#divLogin a:visited
{
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    padding: 0 6px 0 0;
    width: 75px;
}

#divMain
{
    font-size: 12px;
    padding:  10px 15px 5px 15px;
    text-align: left;
    vertical-align:top;
}

#divMain a:active,
#divMain a:link, .LIBRARY_metadata,
#divMain a:visited
{
    font-size: 12px;
    text-decoration: none;
}

#divMain a:hover, .LIBRARY_metadata:hover
{
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
}

.divMainMinHeightBanner  { min-height: 261px }
.divMainMinHeightNoTitle { min-height: 536px }
.divMainMinHeightTitle   { min-height: 742px }

#divMain select
{
    margin: 0 4px 4px 0;
}

#divPage
{
    width: 948px;
    height: 100%;
    max-height: 95%;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
/*  padding: 0 30% 0 30%; */
}

#divSidebar { padding: 15px }

.MASTERPAGES_ucRotator 
{
    border: none;
    height: 200px;
    overflow: hidden;
    width: 948px;
}

#tblHeading
{
    background: url('Masterpage/head-bg.jpg') repeat-x; 
    height: 80px;
    width: 948px;
}

#tblMenu select
{
    margin: 0 0 0 0;
}

#tdHeadingCenter
{
    float: left;
    padding-top: 20px;
    width: 350px;
}

#tdHeadingLeft
{
    background-image: url( 'Masterpage/logo.gif' ); /* Note:  if left spacing wanted put it in graphic since margin won't work here */
    background-repeat: no-repeat;
    cursor:pointer;
    width: 300px;
}

#tdHeadingRight
{
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1pt; 
    text-align: center;
    width: 300px;
}

#tdSidebar
{
    background-image: url('homepage/watermark.gif');
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
    vertical-align:top;
    width:180px;
}

/****************************
File:       Menu.Black.css

Purpose:    Contains Telerik Black skin for the RadMenu object class, but CSS class names have been renamed to *_DEFAULT.

            Do NOT make any changes here to support a particular theme.  
            Either change the selected skin file (ex. Menu.Sunset.css) or make changes to the zzzColors.css file.

            This is a custom menu with transparent backgrounds so that changing the background sprite and a few colors should work for most
            sites and themes.

            If you need to change a style not contained in zzzColors.css, then copy it from here to zzzColors.css and change it there, not here.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2009-04-07  Walt Edwards copied current Telerik Black Menu "Skin" and renamed RadMenu_Black styles to RadMenu_Default to work within our themes.
2009-04-11  Walt Edwards completed using CSS and sprite changes to make RadMenu_Black match desired new Synectics theme formatting, all changes are commented.
2010-10-14  Walt Edwards added this documentation.
****************************/

/* <RadMenu / Black > */

.RadMenu_Default .rmRootGroup,
.RadMenu_Default .rmLink,
.RadMenu_Default .rmText,
.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow,
.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow
{
	background-image: url('Menu/rmSprite.png');
	background-color: transparent;
}

.RadMenu_Default .rmRootGroup
{
	border: none; /* 1px solid #202020; Don't show border around menu items, just use sprite background */
	background-repeat: repeat-x;
	background-color: Transparent;  /* Let our background show through behind menu bar */
    background-image: none;         /* Don't show hover background on root items */
}

.RadMenu_Default .rmVertical
{
	background-position: 0 -408px;
}

/* <Root items> */

.RadMenu_Default,
.RadMenu_Default .rmLink
{
	color: #fff;
	font: 11px/23px Arial, sans-serif;   /* root menu text large and bold */
	text-decoration: none;
}

.RadMenu_Default .rmGroup .rmText  /* Non-standard (synectics only) */
{
    font-size: 12px;                /* Reduce size of submenu font set above */
    font-weight: normal !important; /* Cancel out *bolder* value above for sub menus */
}

.RadMenu_Default .rmLink:hover
{
    background-image: none;         /* Don't show hover background on root items */
    background-color: Transparent;  /* Root menu background color */
	color: White;                   /* Hover forecolor of all items during hover */
}

.RadMenu_Default .rmLink,
.RadMenu_Default .rmText
{
	background-repeat: no-repeat;
	background-position: 0 500px;
}

.RadMenu_Default .rmLink:hover,
.RadMenu_Default .rmFocused
{
	background-position: 0 -72px;
	color: White; /* Hover forecolor for all root nodes */
}

.RadMenu_Default .rmExpanded,
.RadMenu_Default .rmExpanded:hover
{
    background-image: none;         /* Don't show hover background on root items when not hovering */
	background-position: 0 -72px;
}

.RadMenu_Default .rmExpanded .rmText,
.RadMenu_Default .rmExpanded:hover .rmText
{
	background-position: 100% -96px;
    background-image: none;         /* Don't show hover background on root items (also affects expanded submenu nodes, so we add it back below */
    background-color: Transparent;  /* Root menu background hover color */
}

.RadMenu_Default .rmLast .rmExpanded .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
}

.RadMenu_Default .rmDisabled,
.RadMenu_Default .rmDisabled:hover
{
	color: #7d7d7d;
	background-position: 0 500px;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_Default .rmGroup,
.RadMenu_Default .rmGroup .rmVertical
{
	border: 1px solid #080808;
	background: #aac6d1 url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_Default .rmSlide .rmScrollWrap
{
	background-image: none;
}

.RadMenu_Default_rtl .rmGroup,
.RadMenu_Default_rtl .rmGroup .rmVertical
{
	background-position: 100% 0;
}

.RadMenu_Default .rmRootGroup li.rmItem .rmGroup
{
	padding-bottom: 0;
}

.RadMenu_Default .rmGroup li.rmLast
{
	padding-bottom: 1px;
}

.RadMenu_Default .rmRootGroup .rmHorizontal
{
	background-image: none;
}

.RadMenu_Default .rmScrollWrap .rmVertical
{
	border: 0;
}

.RadMenu_Default .rmGroup .rmItem .rmLink,
.RadMenu_Default .rmGroup .rmItem .rmLink:hover,
.RadMenu_Default .rmGroup .rmItem .rmFocused,
.RadMenu_Default .rmGroup .rmItem .rmExpanded
{
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}

.RadMenu_Default .rmGroup .rmLast .rmLink,
.RadMenu_Default .rmGroup .rmLast .rmLink:hover,
.RadMenu_Default .rmGroup .rmLast .rmFocused,
.RadMenu_Default .rmGroup .rmLast .rmExpanded
{
	padding-bottom: 1px;
}

.RadMenu_Default .rmGroup .rmLink,
.RadMenu_Default .rmGroup .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
	background-color: #6b7d8a;  /* background for all submenu nodes when not hovering or expanded */
}

.RadMenu_Default .rmGroup .rmLink:hover,
.RadMenu_Default .rmGroup .rmFocused,
.RadMenu_Default .rmGroup .rmExpanded
{
	background-position: 0 -168px;
	color: Black; /* Forecolor for submenu nodes during hover */
}

.RadMenu_Default .rmGroup .rmLink:hover .rmText,
.RadMenu_Default .rmGroup .rmFocused .rmText,
.RadMenu_Default .rmGroup .rmExpanded .rmText
{
    background-image: url('Menu/rmSprite.png'); /* Add background image back at submenu level when expanded during hover */
	background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_Default .rmGroup .rmExpandRight,
.RadMenu_Default .rmGroup .rmExpandDown,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmExpandRight,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmExpandDown,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmExpandRight,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmExpandDown
{
	background-position: 100% -216px;
}

.RadMenu_Default .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_Default .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Default .rmGroup .rmExpanded .rmExpandRight,
.RadMenu_Default .rmGroup .rmLink:hover .rmExpandDown,
.RadMenu_Default .rmGroup .rmFocused .rmExpandDown,
.RadMenu_Default .rmGroup .rmExpanded .rmExpandDown
{
	background-position: 100% -240px;
}

.RadMenu_Default .rmGroup .rmDisabled:hover .rmExpandRight,
.RadMenu_Default .rmGroup .rmDisabled:hover .rmExpandDown
{
	background-image: url('Menu/rmSprite.png');
	background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_Default_rtl .rmVertical .rmExpanded .rmText,
.RadMenu_Default_rtl .rmVertical .rmExpanded:hover .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
}

.RadMenu_Default_rtl .rmGroup .rmLink:hover,
.RadMenu_Default_rtl .rmGroup .rmFocused,
.RadMenu_Default_rtl .rmGroup .rmExpanded
{
	background-position: 100% -264px;
}

.RadMenu_Default_rtl .rmGroup .rmLink:hover .rmText,
.RadMenu_Default_rtl .rmGroup .rmFocused .rmText,
.RadMenu_Default_rtl .rmGroup .rmExpanded .rmText
{
	background-position: 0 -288px;
}

.RadMenu_Default_rtl .rmGroup .rmExpandLeft
{
	background-position: 0 -312px;
}

.RadMenu_Default_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_Default_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Default_rtl .rmGroup .rmExpanded .rmExpandLeft
{
	background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Black - specific, overlapping submenus)> */

.RadMenu_Default .rmSlide
{
	margin: 0 0 0 -1px;
}

.RadMenu_Default .rmVertical .rmSlide,
.RadMenu_Default .rmSlide .rmSlide,
.RadMenu_Default_Context .rmGroup .rmSlide
{
	margin: 0 0 0 -5px;
}

.RadMenu_Default_rtl .rmSlide
{
	margin: 0 0 0 0;
}

.RadMenu_Default_rtl .rmFirst .rmSlide
{
	margin-left: 1px;
}

.RadMenu_Default_rtl .rmVertical .rmSlide,
.RadMenu_Default_rtl .rmSlide .rmSlide,
.RadMenu_Default_Context_rtl .rmGroup .rmSlide
{
	margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow
{
	background-color: #aac6d1;
}

.RadMenu_Default .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_Default .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }

.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow,
.RadMenu_Default .rmGroup .rmLeftArrow,
.RadMenu_Default .rmGroup .rmRightArrow
{
	background-color: #aac6d1;
}

.RadMenu_Default .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_Default .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_Default .rmHorizontal .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmSeparator .rmText
{
	height: 22px;
	margin: 1px 0 0;
	width: 1px;
	background-color: #000;
}

.RadMenu_Default_Context .rmSeparator .rmText,
.RadMenu_Default .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
	background-color: transparent;
	background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / Black> *//****************************
File:       menu.css

Purpose:    Contains Telerik common styles for all RadMenu skins, plus a few minor changes to support Synectics specific menus.

            Do NOT make any changes here to support a particular theme.  

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2010-10-14  Walt Edwards added this documentation.
****************************/

.RadMenu_Default_Menubar
{
    background: url( 'Menu/rmSprite.png' ) repeat-x;
	background-position: 100% -456px;

/*    background-color: purple; */     /* If it shows up we've got wrong height */
    width: 948px;
    height: 30px;
    padding: 0 10px 0 15px;
}

.RadMenu_Default
{
    border-left: solid 0px #fff;                    /* Border between ddlDatabase and menu items (not used in this theme) */
/*	font:menu; */
    font: normal 11px Arial, Verdana, Sans-serif; /* font for all menu items, bold is cancelled for sub menus lower in skin */
    letter-spacing: 1pt;
	line-height:20px;
}

.RadMenu_Default .rmLink:hover    /* Non-standard (synectics only) */
{
    cursor:pointer;     /* Show hand over items that can be clicked */
}






/* Common CSS */

.RadMenu
{
	white-space:nowrap;
	float:left;
	position:relative;
}

.RadMenu .rmRootGroup
{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	display: inline-block;
}

* html .RadMenu .rmRootGroup { float: left; }

.RadMenu:after,
.RadMenu .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.RadMenu ul.rmVertical,
.rmRootGroup ul.rmHorizontal,
.RadMenu_Context ul.rmHorizontal
{
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	float:left;
}

.rmSized ul.rmVertical
{
	width: 100%;
}

.rmSized ul.rmRootGroup
{
	float: none;
}

.rmSized .rmRootGroup .rmVertical
{
	width: auto;
}

.RadMenu .rmItem
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;	
}

* html .RadMenu .rmItem
{
	display:inline;
}

.RadMenu .rmHorizontal .rmItem
{
	clear:none;
}

.RadMenu .rmVertical .rmItem
{
	clear:both;
}

.rmSized .rmVertical .rmItem
{
	width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem
{
	width: auto;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup
{
	display:block;
}

.RadMenu .rmSlide, 
.RadMenu_Context
{
	position:absolute;
	overflow:hidden;
	display:none;
	float:left;
}

* html .RadMenu .rmSlide, 
* html .RadMenu_Context
{
	height:1px;
}

.RadMenu_Context
{
	z-index:1000;
	overflow:visible;
}

.RadMenu .rmText
{
	display:block;
}

.RadMenu div.rmText /*templates*/
{
	white-space:normal;
}

.RadMenu a.rmLink
{
	cursor:default;
	display:block;
}

.rmScrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
	left:0;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
	outline: 0;
	overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled
{
	display:none;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled
{
	margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
	border:0;
	float:left;
}

.RadMenu_rtl
{
	float:right;
	text-align: right;
}

.RadMenu_rtl ul.rmHorizontal,
.RadMenu_rtl ul.rmVertical
{
	float:right;
}

.RadMenu_rtl .rmItem
{
	float:right;	
}

.RadMenu_rtl .rmLeftImage,
.RadMenu_Context_rtl .rmLeftImage
{
	border:0;
	float:right;
}

.RadMenu_rtl .rmLeftArrow,
.RadMenu_rtl .rmTopArrow,
.RadMenu_rtl .rmBottomArrow,
.RadMenu_rtl .rmRightArrow,
.RadMenu_rtl .rmLeftArrowDisabled,
.RadMenu_rtl .rmTopArrowDisabled,
.RadMenu_rtl .rmBottomArrowDisabled,
.RadMenu_rtl .rmRightArrowDisabled
{
	text-indent:1000em !important;
}

.RadMenu .rmLink
{
	width:auto;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.RadMenu div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.RadMenu .rmItem
{
	padding: 0;
}

.RadMenu .rmLink
{
	padding: 0 0 0 12px;
	outline: 0;
	float: left;
}

.RadMenu .rmText
{
	padding-bottom: 1px;
	float: left;
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage
{
	margin: 4px 2px 0 0;
	padding-bottom: 4px;
}

.RadMenu .rmVertical .rmLeftImage+.rmText
{
	padding: 0 8px 1px 24px;
}

.RadMenu .rmHorizontal .rmText
{
	padding: 0 12px 1px 0;
}

.RadMenu_rtl .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmVertical .rmText,
.RadMenu .rmHorizontal .rmVertical .rmText
{
	display: block;
	float: none;
}

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink
{
	float: none;
}

* html .RadMenu .rmGroup .rmVertical .rmLink,
* html .RadMenu .rmGroup .rmHorizontal .rmLink
{
	float: left;
}

.RadMenu .rmRootGroup .rmItem .rmGroup
{
	padding-bottom: 1px;
}

.RadMenu .rmGroup .rmItem
{
	padding: 0;
}

.RadMenu .rmGroup .rmLink,
.RadMenu .rmSlide .rmGroup .rmTemplate
{
	padding: 0 0 0 4px;
}

.RadMenu_rtl .rmGroup .rmLink,
.RadMenu_rtl .rmSlide .rmGroup .rmTemplate
{
	padding: 0 4px 0 0;
}

.RadMenu .rmGroup .rmText
{
	padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmGroup .rmText
{
	padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context .rmGroup .rmLeftImage+.rmText
{
	padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context_rtl .rmGroup .rmLeftImage+.rmText
{
	padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmHorizontal .rmText
{
	padding: 0 11px 0 10px;
}

.RadMenu .rmGroup .rmLeftImage
{
	margin: 4px 0 0 2px;
}

.RadMenu_rtl .rmGroup .rmLeftImage
{
	margin: 4px 6px 0 0;
}

* html .RadMenu .rmGroup .rmLeftImage { position: absolute; }
*+html .RadMenu .rmGroup .rmLeftImage { position: absolute; }

* html .RadMenu_rtl .rmGroup .rmLeftImage { right: 6px; }
*+html .RadMenu_rtl .rmGroup .rmLeftImage { right: 6px; }


/* <separators> */

.RadMenu .rmSeparator .rmText
{
	line-height: 0;
	font-size: 0;
	padding: 0;
	background-repeat: repeat-x;
	overflow: hidden;
}

.RadMenu .rmVertical .rmSeparator .rmText,
.RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: auto;
	width: auto;
	padding-bottom: 2px;
}

*+html .RadMenu .rmSeparator .rmText,   /* IE7 separator height problem */
*+html .RadMenu .rmVertical .rmSeparator .rmText,
*+html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: 2px;
	padding: 0;
}

* html .RadMenu .rmVertical .rmSeparator .rmText { height: auto; padding: 2px 0 0; }
* html .RadMenu .rmHorizontal .rmSeparator .rmText { padding: 0; }

.RadMenu .rmRootGroup .rmSeparator .rmText
{
	margin: 1px 12px;
}

.RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context .rmVertical .rmSeparator .rmText
{
	margin: 1px 2px 1px 31px;
}

.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context_rtl .rmVertical .rmSeparator .rmText
{
	margin: 1px 31px 1px 2px;
}

.RadMenu .rmHorizontal .rmSeparator .rmText,
.RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText
{
	margin: 2px 0 0;
	height: 20px;
	width: 2px;
}

/* </separators> */

/* <scroll arrows> */

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow
{
	width: 10px;
	height: 24px;
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow
{
	height: 10px;
	width: 100%;
}

/* </scroll arrows> */

/* </base styles> */﻿/****************************
File:       Misc.css

Purpose:    Contains Misc styles specifically for particular application pages.
            Does NOT contain any generic styles.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2010-10-14  Walt Edwards moved ALL colors to zzzColors.CSS to prevent confusion and maintenance issues.
****************************/

/* Action Item Tracking */
.action_body { width: 800px; }
.action_leftColumn { padding: 10px; float: left; border: 1px solid; }
.action_rightColumn { padding: 10px; float: left; border: 1px solid; margin-left: 10px; }
.action_button { font-size: 10px; height: 20px; width: 100px; margin: 5px 0px 5px 0px; }

/* Team Directory */

#divMain.TeamDirectoryFont,
#divMain.TeamDirectoryFont a:active,
#divMain.TeamDirectoryFont a:hover,
#divMain.TeamDirectoryFont a:link,
#divMain.TeamDirectoryFont a:visited
{
    font-size: 11px;
}

/*  RadComboBox multi-column Styles - use by putting rcbColumn + a width style like W10 in the li object's class in <HeaderTemplate> and <ItemTemplate>.  Ex.:  <li class="rcbColumn w15">Project Name</li> */

.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul
{
    /*width: 100%;*/
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.rcbColumn
{
    float: left;
    /*width: 110px;*/
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}

.team_dir_Permissions
{
    background-image: url('TeamDirectory/Permissions.gif'); 
    background-repeat: no-repeat;
    height: 16px;
    padding-left: 25px;
    text-align: left;
}

.team_dir_Permissions:hover
{
    cursor: pointer;
    text-decoration: underline;
}

.team_dir_td
{
/*  font-size: 8pt; */
    border-top: 1px solid;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}
﻿/****************************
File:       QueryTool.css

Purpose:    Contains all styles for Query Tool application, including colors.

Note:       ALL COLORS should be set in zzzColors.CSS, not in this file.  However, since there are no changes across themes this keeps it all in 1 file.

2013-08-21  Walt Edwards created from application styles.
****************************/
/* Color Bases */
.button_colors { background-color: #CCCCCC; color:black; cursor: hand }
.heading_color { color:black; }
.page_colors   { background-color: #FFFFFF; color: black; }
.panel_colors  { background-color: #FFFFFF; color: black; }
.popup_colors  { background-color: #BDBEC4; color: black; }

/** Overall Styles **/
.qt_body { margin: 5px; font-family: Arial, Sans-Serif; font-size: 12px; }

/** Overall Popup Styles **/
.qt_popupheader { font-size: 24px; font-weight: bold; padding: 10px; background: #eeeeee; border-bottom: 2px solid #003366; }

/** Overall Error Styles **/
.qt_errorpanel { background: #eeeeee; border: 2px solid #000000; padding: 10px; color: #000000; }
.qt_errortitle { color: Red; font-size: 16px; font-weight: bold; }
.qt_errorsubtitle { font-weight: bold; }

/** Main Window Styles **/
.qt_button { font-family: Arial, Sans-Serif; vertical-align: middle; background-color: #CCCCC; color: #000000; }
.qt_dropdownlist {	vertical-align: middle; font-size: 12px; }
.qt_arrowButton { height: 20px; width: 25px; line-height: 10px; vertical-align: middle; background-color: #CCCCCC; color: #000000; }
.qt_label { padding-top: 5px; font-family: Arial, Sans-Serif; font-size: 12px; }
.qt_statusbox { font-family: Arial, Sans-Serif; font-size: 11px; }
.qt_statusboxred { font-family: Arial, Sans-Serif; font-size: 11px; color: Red; }
.qt_pagebuttons span { display: block; font-size: 13px; font-weight: bold; background: #ffffff; padding-left: 8px; padding-right: 8px; border: 1px solid #333333; }
.qt_pagebuttons a { display: block; font-size: 13px; font-weight: normal; background: #cccccc; text-decoration: none; padding-left: 8px; padding-right: 8px; border: 1px solid #999999; }
.qt_imagebutton { padding: 2px; }
.qt_boldtext { font-size: 14px; font-weight: bold; }
.qt_footertab { color: #000000; font-weight: bold; padding: 5px; background: #cccccc; border: 1px solid #ffffff; }
.qt_gridview input { height: 15px; }
.qt_gridview td { border-right: 1px solid white; }

/** Exporting Window Styles **/
.qt_exportscreentext { line-height: 1.3em; font-size: 14px; }
.qt_exportscreenlistbox { font-size: 8pt; }

/** Help Window Styles **/
.qt_help { font-size: 12px; font-family: Arial, Sans-Serif; color: #000000; }
.qt_help h2 { font-size: 15px;	font-weight: bold; margin: 0px;	padding: 0px; color: #000000; }
.qt_help h3 { color: #003366; font-size: 12px; margin: 0px; padding: 0px; margin-top: 5px; }
.qt_help p { margin-top: 10px; margin-bottom: 10px; color: #000000; }
.qt_help hr { margin-top: 8px; margin-bottom: 8px; }
.qt_help a:hover { color: #000000; }
.qt_help ul { color: #000000; }

/** Print Window Styles **/
.qt_printbody { font-family: Arial, Sans-Serif; font-size: 11pt; padding: 10px; }
.qt_printtitle { font-size: 18pt; font-weight: bold; font-family: Verdana, Arial, Sans-Serif; padding-bottom: 10px; }
.qt_printlabel { font-weight: bold; }
.qt_printtext { }
.qt_printgrid { font-size: 10pt; }
.qt_printgrid td { padding: 2px; }
.qt_printgridheader { background: #eeeeee; }
/****************************
File:       ToolBar.Default.css

Purpose:    Contains Telerik default skin for RadToolBar objects, but CSS class names have been renamed to *_DEFAULT.

            Do NOT make any changes here to support a particular theme.  
            Either change the selected skin file (ex. ToolBar.Sunset.css) or add changes to the zzzColors.css file (not recommended).

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2010-10-14  Walt Edwards added this documentation.
****************************/

/* <RadToolBar / Default> */

/* <tool wrapper> */

/* <horizontal> */

.RadToolBar_Default .rtbOuter
{
	border: 1px solid #9c9c9c;
}

.RadToolBar_Default .rtbMiddle
{
	border: 1px solid #efefef;
	background: #fafafa url('ToolBar/rtbControlBg.png') repeat-x 0 100%;
}

/* </horizontal> */

/* <vertical> */

.RadToolBar_Default_Vertical .rtbMiddle
{
	background: transparent url('ToolBar/rtbVerticalControlBg.png') repeat-y 100% 0;
}

/* </vertical> */

/* </tool wrapper> */

/* <buttons> */

.RadToolBar_Default .rtbWrap,
.RadToolBar_Default .rtbTemplate
{
	color: #000;
}

/* <button states> */

.RadToolBar_Default .rtbSplBtnFocused .rtbWrap, .RadToolBar_Default .rtbSplBtnFocused .rtbOut, .RadToolBar_Default .rtbSplBtnFocused .rtbMid, .RadToolBar_Default .rtbSplBtnFocused .rtbIn,
.RadToolBar_Default .rtbItemFocused .rtbWrap, .RadToolBar_Default .rtbItemFocused .rtbOut, .RadToolBar_Default .rtbItemFocused .rtbMid, .RadToolBar_Default .rtbItemFocused .rtbIn,
.RadToolBar_Default .rtbItemHovered .rtbWrap, .RadToolBar_Default .rtbItemHovered .rtbOut, .RadToolBar_Default .rtbItemHovered .rtbMid, .RadToolBar_Default .rtbItemHovered .rtbIn
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('ToolBar/rtbHoverBg.png');
}

.RadToolBar_Default .rtbItemClicked .rtbWrap, .RadToolBar_Default .rtbItemClicked .rtbOut, .RadToolBar_Default .rtbItemClicked .rtbMid, .RadToolBar_Default .rtbItemClicked .rtbIn
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('ToolBar/rtbClickedBg.png');
}

.RadToolBar_Default .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Default .rtbSplBtnExpanded .rtbOut, .RadToolBar_Default .rtbSplBtnExpanded .rtbMid, .RadToolBar_Default .rtbSplBtnExpanded .rtbIn,
.RadToolBar_Default .rtbDropDownExpanded .rtbWrap, .RadToolBar_Default .rtbDropDownExpanded .rtbOut, .RadToolBar_Default .rtbDropDownExpanded .rtbMid, .RadToolBar_Default .rtbDropDownExpanded .rtbIn,
.RadToolBar_Default .rtbChecked .rtbWrap, .RadToolBar_Default .rtbChecked .rtbOut, .RadToolBar_Default .rtbChecked .rtbMid, .RadToolBar_Default .rtbChecked .rtbIn
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('ToolBar/rtbActiveBg.png');
}

.RadToolBar_Default .rtbItemFocused .rtbWrap,
.RadToolBar_Default .rtbItemHovered .rtbWrap
{
	color: #000;
}

.RadToolBar_Default .rtbDropDownExpanded .rtbWrap,
.RadToolBar_Default .rtbSplBtnExpanded .rtbWrap,
.RadToolBar_Default .rtbChecked .rtbWrap,
.RadToolBar_Default .rtbItemClicked .rtbWrap
{
	color: #fff;
}

/* </button states> */

/* <Drop Down Arrows> */


.RadToolBar_Default .rtbSplBtn .rtbChoiceArrow,
.RadToolBar_Default .rtbItem .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Default .rtbChoiceArrow 
{
	background-image: url('ToolBar/rtbDropArrows.png');
}

* html .RadToolBar_Default .rtbSplBtn .rtbChoiceArrow,
* html .RadToolBar_Default .rtbItem .rtbVOriented .rtbChoiceArrow,
* html .RadToolBar_Default .rtbChoiceArrow 
{
	background-image: url('ToolBar/rtbDropArrows.gif');
}

.RadToolBar_Default .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Default .rtbSplBtnClicked .rtbChoiceArrow,
.RadToolBar_Default .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Default .rtbItemClicked .rtbChoiceArrow
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('ToolBar/rtbClickedDropArrows.png');
}

* html .RadToolBar_Default .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
* html .RadToolBar_Default .rtbSplBtnClicked .rtbChoiceArrow,
* html .RadToolBar_Default .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
* html .RadToolBar_Default .rtbItemClicked .rtbChoiceArrow
{
	background-image: url('ToolBar/rtbClickedDropArrows.gif');
}

/* </Drop Down Arrows> */

.RadToolBar_Default_Horizontal li.rtbSeparator 
{
	border-left: 1px solid #939393;
	background: #f7f7f7;
}

.RadToolBar_Default_Vertical li.rtbSeparator
{
	border-top: 1px solid #939393;
	background: #f7f7f7;
}

/* </buttons> */


/* <disabled states> */

.RadToolBar_Default .rtbDisabled .rtbWrap:hover,
.RadToolBar_Default .rtbDisabled .rtbWrap:hover .rtbOut,
.RadToolBar_Default .rtbDisabled .rtbWrap:hover .rtbMid,
.RadToolBar_Default .rtbDisabled .rtbWrap:hover .rtbIn
{
	background: none;
}

* html .RadToolBar_Default .rtbDisabled .rtbWrap { color: #888; }
*+html .RadToolBar_Default .rtbDisabled .rtbWrap { color: #888; }

*+html .RadToolBar_Default .rtbDisabled .rtbChoiceArrow,
*+html .RadToolBar_Default .rtbDisabled .rtbWrap .rtbChoiceArrow
{
	background-image: url('ToolBar/rtbDropArrows.gif');
}

/* </disabled states */

/* <drop-down> */

.RadToolBarDropDown_Default 
{
	border-color: #828282;
	background-color: #fff;
	background-image: url('ToolBar/rtbDropDownBg.png');
}

.RadToolBarDropDown_Default .rtbWrap
{
	color: #000;
}

.RadToolBarDropDown_Default .rtbItemHovered,
.RadToolBarDropDown_Default .rtbItemFocused,
.RadToolBarDropDown_Default .rtbItemHovered .rtbWrap,
.RadToolBarDropDown_Default .rtbItemFocused .rtbWrap
{
	background-image: url('ToolBar/rtbDropDownHover.png');
}

.RadToolBarDropDown_Default .rtbDisabled .rtbWrap
{
	color: #999;
}

.RadToolBarDropDown_Default .rtbSeparator
{
	border-color: #939393;
	background: #f7f7f7;
}

/* </drop-down> */

/* </RadToolBar / Default> *//****************************
File:       ToolTip.Black.css

Purpose:    Contains Telerik Black skin for the ToolTip object class, but CSS class names have been renamed to *_DEFAULT.

            Do NOT make any changes here to support a particular theme.  Either change the selected skin file (ex. ToolTip.Sunset.css) or add changes
            to the zzzColors.css file.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2009-05-13  Walt Edwards renamed to *_Default to support synectics themes...
2010-10-14  Walt Edwards added this documentation.
2013-05-01  Walt Edwards removed all CSS, added only essential CSS for new skin, deleted image files.
****************************/

.RadToolTip_Default .rtWrapper .rtWrapperContent {
  background-color: #ffffff!important; 
  color: #333333!important; }
.RadToolTip_Default .rtTitlebar {
  color: #000; }

.RadToolTip table.rtShadow .rtCloseButton {
    margin-top: 19px!important;
    margin-right: 17px!important;
}/****************************
File:       Window.Black.css

Purpose:    Contains Telerik Black skin for RadWindow object class.

            Do NOT make any changes here to support a particular theme.  
            Either change the selected skin file (ex. Window.Sunset.css) or add changes to the zzzColors.css file (not recommended).

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2009-05-13  Walt Edwards renamed to *_Default to support synectics themes... 
2010-10-14  Walt Edwards added this documentation.
****************************/

/* RadWindow_Black */

.RadWindow_Default .rwTopLeft,
.RadWindow_Default .rwTopRight,
.RadWindow_Default .rwTitlebar,
.RadWindow_Default .rwFooterLeft,
.RadWindow_Default .rwFooterRight,
.RadWindow_Default .rwFooterCenter,
.RadWindow_Default .rwTopResize,
.RadWindow_Default .rwStatusbar div,
.RadWindow_Default .rwStatusbar,
.RadWindow_Default .rwPopupButton,
.RadWindow_Default .rwPopupButton span,
.RadWindow_Default.rwMinimizedWindow .rwCorner,
.RadWindow_Default .rwDialogInput
{
    background-image: url('Window/WindowHorizontalSprites.gif');
}

.RadWindow_Default .rwBodyLeft,
.RadWindow_Default .rwBodyRight,
.RadWindow_Default .rwStatusbarRow .rwCorner
{
	background-image: url('Window/WindowVerticalSprites.gif');
}

.RadWindow_Default .rwStatusbar input
{
    color: #d7d7d7;
}

.RadWindow_Default .rwControlButtons
{
    margin-top: 1px;
}

.RadWindow_Default .rwControlButtons a
{
    background-image: url('Window/CommandButtonSprites.gif');
}

.RadWindow_Default a.rwIcon
{
	background-image: url('Window/WindowHorizontalSprites.gif');
}

div.RadWindow_Default .rwTitlebarControls em
{
	color: #555555;
}

div.RadWindow_Default .rwDialogInput
{
	border: solid 1px #080808;
	background-color: #454545;
	background-position: 0 -322px;
	background-repeat: repeat-x;
	color: white;
}

div.RadWindow_Default .rwDialogInput:hover
{
	border: solid 1px #5c5c5c;
	background-position: 0 -360px;
	background-color: #444;
	background-repeat: repeat-x;
}

div.RadWindow_Default td.rwLoading
{
    background-color: #fff;
}

.RadWindow_Default .rwPopupButton span
{
    color: #fff;
}

.RadWindow_Default .rwPopupButton:hover span
{
    color: #9eda29;
}﻿/*
Purpose:    removes most masterpage objects, colors, images, and layout so that
            users get reasonably clean text when printing help or HTML screens.
            
Note:       MUST be last CSS file alphabetically to override other values.
            MUST use @media Print "rule" to only be valid during printing.
            Displaying anchor URLs is commented out because it causes problems
            with incorrect wrapping of table text columns.
            
2010-07-13  Walt Edwards created.
*/
@media Print
{
    #divBanner, #divBreadcrumb, #tblHeading, #tblMenu
    {
        display: none;
    }

    body, 
    #divMain, 
    #divMain a,
    #divMain a:active,
    #divMain a:hover, 
    #divMain a:link, 
    #divMain a:visited
    #divMain div, 
    #divMain h1, 
    #divMain h2, 
    #divMain h3, 
    #divMain p, 
    #divMain span, 
    #divMain table, 
    #divMain td, 
    #divMain tr,
    #divPage,
    #divTitle
    {
        font-family: Helvetica, Arial;
        font-size: 12pt;
        color: black; /* color: Red; */
        background: White;
        height: auto;
     /* margin: 0 0 0 0; */
        overflow: auto;
        padding: 0 0 0 0;
     /* text-align: left; */
     /* vertical-align: top; */
        white-space: normal;
        width: auto;
    }

    #divContent
    {
        margin: 0 0 0 -15px;
        padding: 0 0 0 0;
    }

    #divMain h1, 
    #divMain h2, 
    #divMain h3
    {
        font-size: 16pt;
        font-weight: bold;
  
    }

    #divMain a,
    #divMain a:active,
    #divMain a:hover, 
    #divMain a:link, 
    #divMain a:visited
    {
/*        color: Red;
        width: 200px; */
        text-decoration: underline;
    }

/*
    #divMain p a:after
    {
        content: " (" attr(href) ") ";
        font-size: 12pt;
        text-decoration: italic;
    }
*/

    #divTitle 
    {
        background: none;
        font-size:24px;
        font-weight: bold;
        height: 24px;
    }
}
﻿/* =========================================================
File:       SYNECTICS_Default\zzzColors.css 

Purpose:    Contains all color settings for all styles in this theme.
            This is the ONLY CSS file that should be customized for a new theme.  Only colors should be changed.
            Graphics should be replaced in their respective subdirectories without adding new files or filenames.

            If there are problems with Telerik control styles, then contact Walt Edwards.

            Each section has a heading containing the css filename the style is updating.

            To easily generate background gradients go to:  http://tools.dynamicdrive.com/gradient/

2010-10-14  Walt Edwards moved all remaining colors here and out of all other non-telerik style sheets to prevent confusion and maintenance issues.
2011-01-24  Kalyana Valli modified .BodyDialog background-color to #F8F8F8.
2011-02-01  Walt Edwards modified .BodyDialog background-color to #FFFFFF.
========================================================= */

/* ===== base.css ===== */

.btnPageFirst, .btnPageLast, .btnPageNext, .btnPagePrevious, .btnPreview, .btnSearch,
.btnDelete, .btnDown, .btnLeft, .btnPause, .btnPlay, .btnRight, .btnRotateLeft, .btnRotateRight, .btnSave, .btnUp, .btnXls
{
    background-color: Transparent;
}

.btnNoMargins, .btnResizeable       { background-color: #333333; color: white }
.error      { color:Red }
.panel      { border-color: Silver }
.success    { color: Green }

#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 }
#divTitle           { background-color: transparent; color: White }
#divTitle2          { background-color: White; color: Black }



/* ===== Editor.Black.css ===== */
/* should pick a different Telerik skin if it's not working */



/* ===== Editor.css ===== */
/* this is base for all Telerik skins, so don't change it */



/* ===== Editor.Default.css ===== */
/* should pick a different Telerik skin if it's not working */



/* ===== file.css ===== */

.AI_GIF, .CSV_GIF, .DOC_GIF, .DOCX_GIF, .DOTX_GIF, .GIF_GIF, .GIS_GIF, .JPG_GIF, .HLP_GIF, .MDB_GIF, .MDBX_GIF, .OWA_GIF, .PDF_GIF, .PNG_GIF, .PPT_GIF, 
.PPTX_GIF, .PSD_GIF, .RPT_GIF, .TIF_GIF, .WMA_GIF, .WMV_GIF, .XFD_GIF, .XLS_GIF, .XLSX_GIF, .ZIP_GIF
                        { background-color: White }

.file_grid_heading1     { background-color: #999999; color: white }
.file_grid_text1        { background-color:#FFFFFF; color: black }
.file_table             { background-color: white; color: black }
.file_table_th          { background-color: #999999; color: white }

.sidebar_message_text   { color: #333333 }
.sidebar_panel          { border-color: #566aa2 }
.sidebar_title          { color: White }



/* ===== homepage.css ===== */

.calendar_heading1  { color: #FFFFFF } 
.calendar_heading2  { color: #333333 } 
.calendar_hyperlink { color: #FFFFFF } 
.calendar_text      { color: #333333 } 

.homepage_body              { background-color: #B1B4BA }
.homepage_button            { background-color: #5D93AF; color: white }
.homepage_heading           { color: black }
.homepage_main_table        { background-color: #FFFFFF }
.homepage_main_heading1     { color: #FFFFFF }

.homepage_message_heading   { color: gray }
.homepage_message_send      { color: black }
.homepage_message_text      { color: black }
.homepage_popup_body        { background-color: #BDBEC4 }

.homepage_text_C            { color: black }
.homepage_text_L            { color: black }
.homepage_text_R            { color: black }

.HOMEPAGE_ucPointsOfContact, .HOMEPAGE_ucLibraryDocuments, .HOMEPAGE_ucProjectCalendar, .HOMEPAGE_ucLibraryDocumentsCount
                            { background-color: Transparent; color: Black }
.HOMEPAGE_ucThumbnail_Image { border-color: Black }

.HOMEPAGE_WidgetBorder                  { background-color: #E6E6E6; border-color: black }
.HOMEPAGE_WidgetContainer               { background-color: #E6E6E6 }
.HOMEPAGE_WidgetContainerHighlight      { background-color: Red }
.HOMEPAGE_WidgetTitlebar_Background     { background-color: #666666; border-color: black; color: #FFFFFF }
.HOMEPAGE_WidgetTitlebar_EditButton     { background-color: Transparent }
.HOMEPAGE_WidgetTitlebar_EmailButton    { background-color: Transparent }

#ctl00_cphMain_UcProjectMessage4_divWidgetContainer     { background-color: transparent }

#divHTML_Sidebar    { background-color: #ededed }

#divHTML_Sidebar div, 
#divHTML_Sidebar a:active, 
#divHTML_Sidebar a:link, 
#divHTML_Sidebar a:visited  { color: #21242d }
#divHTML_Sidebar h1         { color:#21242d }

#divLounge a:active,
#divLounge a:link,
#divLounge a:visited    { color: Black }
#divLounge a:hover      { color: #5e5a4f }



/* ===== MasterPage.css ===== */

fieldset
{
    background-color: #F8F8F8;
    color: Black;
}

.btnIsBroadcast, .btnIsChatMessage, .btnIsHelp, .btnNoBroadcast, .btnNoChatMessage, .btnNoHelp, .btnOptions, .btnRegister
                                { background-color: Transparent; color: Black }

.bodyDialog                     { background-color: #FFFFFF }
.bodyDialog #divMain            { background-color: Transparent }
.bodyDialog #divMain fieldset   { background-color: Transparent }
.bodySite                       { background-color: #252830 }  /* was #eae7e7 */

.h1, h1             { color: #2e3192 }          /* Used for all titles on main application pages */
.h2, h2             { color: #2e3192 }          /* Used for titles on dialog pages with alternate background */
.h3, h3             { color: #21242d }
.h4, h4             { color: #376aac }          /* Used for sub titles on dialog pages with alternate backaground */

.divBanner                  { color: White }
#divCopyright               { background-color: transparent; color: #898888}
#divCopyright a:active,
#divCopyright a:link,
#divCopyright a:visited     { color: #898888 }
#divCopyright a:hover       { color: #28a1ff; text-decoration: underline }

#divLogin a,
#divLogin a:active,
#divLogin a:link,
#divLogin a:visited         { background-color: Transparent; color: #898888 }     /* login button text color */
#divLogin a:hover           { color: #28a1ff; text-decoration: underline }                                     /* login button text color during hover */

#divMain                    { background-color: White; color: #333333 }           /* Sets default divMain font background and fore colors */

#divMain a:active,
#divMain a:link, .LIBRARY_metadata,
#divMain a:visited          { color: #5e5a4f }
#divMain a:hover, .LIBRARY_metadata:hover
                            { color: #5e5a4f }

#divMain fieldset           { background-color: #F8F8F8; color: Black }

#divSidebar                 { background-color: #ededed }
#divSidebar div             { color: #21242d }      /* currently used in search.aspx and homepage */
#divSidebar h1              { color:#21242d }

#tblHeading                 { background-color: Transparent }
#tdHeadingCenter            { color: White }
#tdHeadingRight             { color: #2e3192 }

#tdSidebar                  { background-color: #005D93 }
#tdSidebar a:active,
#tdSidebar a:link,
#tdSidebar a:visited        { color: #5e5a4f }



/* ===== Menu.Black.css ===== */

/* <Submenu items> */

.RadMenu_Default .rmGroup,
.RadMenu_Default .rmGroup .rmVertical
{
	border: 1px solid #080808;
	background: #4f4f4f url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_Default .rmGroup .rmLink,
.RadMenu_Default .rmGroup .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmText
{
/*	background-position: 0 500px; */
	background-repeat: no-repeat;
	background-color: #3d414d;  /* background for all submenu nodes when not hovering or expanded */
}

/* <Scrolling arrows> */

.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow
{
	background-color: #4f4f4f;
}

.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow,
.RadMenu_Default .rmGroup .rmLeftArrow,
.RadMenu_Default .rmGroup .rmRightArrow
{
	background-color: #4f4f4f;
}


.RadMenu_Default,
.RadMenu_Default .rmLink
{
	color: #fff /*#fff;*/
}

.RadMenu_Default .rmLink:hover
{
	color: White;                   /* Hover forecolor of all items during hover */
}

.RadMenu_Default .rmLink:hover,
.RadMenu_Default .rmFocused
{
	color: White; /* Hover forecolor for all root nodes */
}

.RadMenu_Default .rmDisabled,
.RadMenu_Default .rmDisabled:hover
{
	color: #7d7d7d;
}

/* </Root items> */

/* <Submenu items> */

.RadMenu_Default .rmGroup,
.RadMenu_Default .rmGroup .rmVertical
{
	border: 1px solid #080808;
	background-color: #4f4f4f;
}

.RadMenu_Default .rmGroup .rmLink, .RadMenu_Default .rmGroup .rmText, .RadMenu_Default .rmGroup .rmItem .rmDisabled, .RadMenu_Default .rmGroup .rmItem .rmDisabled:hover, .RadMenu_Default .rmGroup .rmItem .rmDisabled .rmText, .RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmText
{
    background-color: #3d414d /*#3d414d; */ /* background for all submenu nodes when not hovering or expanded */;
}

.RadMenu_Default .rmGroup .rmLink:hover,
.RadMenu_Default .rmGroup .rmFocused,
.RadMenu_Default .rmGroup .rmExpanded
{
	color: Black; /* Forecolor for submenu nodes during hover */
}
/* </Submenu items> */

/* <Scrolling arrows> */

.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow
{
	background-color: #4f4f4f;
}

.RadMenu_Default .rmLeftArrow { border-right: 1px solid #828282; }
.RadMenu_Default .rmRightArrow { border-left: 1px solid #828282; }

.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow,
.RadMenu_Default .rmGroup .rmLeftArrow,
.RadMenu_Default .rmGroup .rmRightArrow
{
	background-color: #4f4f4f;
}

.RadMenu_Default .rmTopArrow { border-bottom: 1px solid #828282; }
.RadMenu_Default .rmBottomArrow { border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_Default .rmHorizontal .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmSeparator .rmText
{
	background-color: #000;
}

.RadMenu_Default_Context .rmSeparator .rmText,
.RadMenu_Default .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
	background-color: transparent;
}

/* </Separators> */

/* </RadMenu / Black> */


/* ===== Misc.css ===== */

.action_closedItemBg    { background: #DDFFDD }
.action_hotItemBg       { background: #FFFF99 }
.action_lateItemBg      { background: #FF8888 }
.action_leftColumn      { border-color: #ABABAB }
.action_openItemBg      { background: #FFFFFF }
.action_rightColumn     { border-color: #ABABAB }

.team_dir_td            { border-top-color: Black; color: #333333 }
.team_dir_Permissions   { background-color: Transparent }
