input[type="text"],input[type="password"]
{
    border-color:#768ca5;
	background:#fff;
	color:#000;
	font:12px "segoe ui",arial,sans-serif;
	border-width:1px;
	border-style:solid;
	padding:2px 1px 3px;
}
/*   font: normal normal 500 11px tahoma; */


body { font: normal normal 500 11px tahoma; }

.LoginBackground
{
    height: 288px;
    background-image: url('../../Images/THA360Login.jpg');
}


.textfield {border-style:solid; border-color:#000000; border-width: 1px; background-color:white;}

.MasterHeaderHyperlinks
{
	color: #FFCC00;
	font-family: Calibri;
	padding-right: 5px;
	padding-left:5px;
	z-index: 100;
	font-size:small;
	cursor:hand;
}

.MasterHeaderButton
{
	border-style: none;
	color: #FF0000;
	background-color: Transparent;
	font-size: small;
}

.ContentFrame { width:1000px; }

.TopMaster { left:0px; text-align:left; position:absolute; width:960px; height:100px;}

.LeftMaster { left:0px; position:absolute; width:150px; top:135px; height:598px; text-align:left; border-right-style:solid; padding-top:4px; padding-bottom:20px; border-right-width:1px; border-right-color:Black; background-color:#FFFFFF; z-index:-1; }
HTML>body .LeftMaster { left:0px; position:absolute; width:150px; top:135px; height:auto; min-height:598px; border-right-style:solid; padding-top:4px; padding-bottom:20px; border-right-width:1px; border-right-color:Black; background-color:#FFFFFF; z-index:-1; }

/*
.RightMaster { text-align:left; position:absolute; width:750px; left:160px; top:125px; padding-bottom:20px; padding-top:10px; vertical-align:top; background-color:White; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; z-index:-1; }
HTML>body .RightMaster { position:absolute; left:160px; width:750px; top:125px; padding-bottom:20px; padding-top:10px; vertical-align:top; background-color:White; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; z-index:-1; }
*/

.RightMaster { position:absolute; text-align:left; height:800px; width:750px; top:125px; padding-bottom:20px; padding-top:10px; vertical-align:top; background-color:White; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; z-index:-1; }
HTML>body .RightMaster { position:absolute; text-align:left; min-height:800px; width:750px; top:125px; padding-bottom:20px; padding-top:10px; vertical-align:top; background-color:White; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; z-index:-1; }

.PoliciesBannerBackground
{
    height:110px;
    background-image: url('../../images/box.style.4.top.700.gif');
}   

.PageTitle { font-size: 20pt; color: #ffffff; font-family: 'BankGothic Md BT' , Verdana, Arial; background-color: transparent; text-align: left; padding-left: 18px; }
.PageTitleSmall { font-size: 16pt; color: #ffffff; font-family: 'BankGothic Md BT' , Verdana, Arial; background-color: transparent; text-align: left; padding-left: 18px; }
.PageTitleBackground { background-image:url(../../images/PageTitleBackgroundNew.gif); text-align:left; vertical-align:bottom; height:30px; }
.PageTitleBackgroundSmall { background-image:url(../../images/PageTitleBackgroundSmall.gif); text-align:left; vertical-align:bottom; height:90px; }

.ControlHeight { height:18px; }

.gridsintables { padding: 0px 1px 0px 0px; border: solid 1px #ffffff; }
.oldcaptionbackground { background-color: #E0E7EC; text-align: right; padding: 1px 4px 1px 4px; border: solid 1px #ffffff; height:20px; }
.oldcontrolbackground { background-color: #F2F5F7; text-align: left; border: solid 1px #ffffff; height:20px; }

.captionbackground
{
	border-style: solid solid solid none;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #E0E7EC;
	text-align: right;
	padding: 1px 4px 1px 4px;
	/*height: 21px;*/

    padding-top: 2px;
    padding-bottom: 2px;
    height: 30px;
    vertical-align: middle;
    font-size:14px;
}

.controlbackground
{
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #F2F5F7;
	text-align: left;
	/*height: 21px;*/
    padding-top: 2px;
    padding-bottom: 2px;
    height: 30px;
    vertical-align: middle;
    font-size:14px;
}

.CaptionBackgroundEditPage
{
	text-align: left;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 30px;
    vertical-align: middle;
    font-size:14px;
}

.ControlBackgroundEditPage
{
	text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 30px;
    vertical-align: middle;
    font-size:14px;
}



.captionbackgroundgrid
{
	border-style: solid solid none none;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #E0E7EC;
	text-align: right;
	padding: 0px 4px 0px 4px;
	height: 18px;
}
.controlbackgroundgrid
{
	border-style: solid none none solid;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #F2F5F7;
	text-align: left;
	height: 18px;
}
.SectionHeader
{
	background-color: #B6C7D2;
	width: 99%;
	font-weight: bold;
	/*padding: 6px 0px 5px 2px;*/
	text-align: left;
	margin: 0px 1px 1px 1px;
	/*height: 20px;*/

    padding-left:6px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 30px;
    vertical-align: middle;
    font-size:14px;

}

.SectionHeaderB
{
	background-color: #B6C7D2;
	width: 100%;
	font-weight: bold;
	/*padding: 6px 0px 5px 2px;*/
	text-align: left;
	margin: 0px 1px 1px 1px;
	/*height: 20px;*/

    padding-left:6px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 30px;
    vertical-align: middle;
    font-size:14px;
}


.SectionHeaderSmall
{
	background-color: #B6C7D2;
	width: 99%;
	font-weight: bold;
	padding: 4px 0px 3px 2px;
	text-align: left;
	margin: 0px 1px 1px 1px;
	height: 16px;
}

/*Used for Section Headers with controls in them (i.e. dropdownlists, etc.) */
.SectionHeaderLarge
{
	background-color: #B6C7D2;
	width: 99%;
	font-weight: bold;
	padding: 6px 0px 5px 2px;
	text-align: left;
	margin: 0px 1px 1px 1px;
	height: 30px;
}

.Sections { vertical-align:top; padding: 0px 0px 0px 0px; border-width:0px; }
.GridOpen { background-image:url(../../images\addrecord.gif); }
.leftpadding, .rightpadding { padding-left:10px; }


/*NEW SECTION*/
.maincontainer
{
	width: 1000px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

.topsection
{
	height: 20px; /*Height of top section*/
    width: 980px;
    padding-left:10px;
    padding-right:10px;
    overflow: hidden;
    vertical-align:middle;
}

.topsectionshaded
{
	background-color:#336699;
	height:20px;
	width:980px;
}

.topsectionpadding
{
	padding-bottom:10px;
}
/*NEW SECTION END*/




#maincontainer{
	width: 1000px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#topsection
{
	height: 30px; /*Height of top section*/
    width: 980px;
    padding-left:10px;
    padding-right:10px;
    overflow: hidden;
}

#topsectionshaded
{
	background-color:#336699;
	height:20px;
}

#topsectionpadding
{
	padding-bottom:10px;
}

#topsection h1{
	margin: 0;
	padding-top: 15px;
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin-left: 170px; /*Set left margin to LeftColumnWidth*/
	padding-right:10px;
}

#leftcolumn
{
	float: left;
	width: 150px; /*Width of left column*/
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

#footer a{
	color: #FFFF80;
}

.innertube{
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

.GridButtonHeader
{
	vertical-align: middle;
	font-size: 12px;
	background-color: #336699;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Segoe UI', Arial;
	padding-left: 10px;
	font-style: italic;
	height:14px;
	padding-top:2px;
}

.ContentFrame
{
	width:1000px;
	border-right: #9bc4ef 2px outset;
	padding-right: 0px;
	border-top: #9bc4ef 2px outset;
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 0px;
	border-left: #9bc4ef 2px outset;
	padding-top: 0px;
	border-bottom: #9bc4ef 2px outset;
	background-color:White;
	min-height:800px;
}

.TreeView { font-size: 12px; font-family:Courier; background-color:#FFFFFF; }

.ProjectsPanel { overflow:scroll; overflow-x:hidden; border-style:solid; border-width:1px; width:100%}
.ProjectsPanelNoBorder { overflow:scroll; overflow-x:hidden; border-style:none; width:100%}

.Logo { background-image:url(../../images/ECCIlogo.gif); }
.Copyright { font-family:Verdana, Arial; font-size:xx-small; text-align:center; color:Black; width:100% }

#Login { margin-left:auto; margin-right:auto; position:relative; width:817px; height:250px; font-family:Verdana, Helvetica, Arial; font-size:medium; color:Black; text-align:left; vertical-align:top; border-right: #9bc4ef 1px outset; padding-right: 0px; border-top: #9bc4ef 1px outset; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0px; border-left: #9bc4ef 1px outset; padding-top: 0px; border-bottom: #9bc4ef 1px outset; }
HTML>body #Login { margin-left:auto; margin-right:auto; position:relative; width:817px; height:auto; min-height:250px; font-family:Verdana, Helvetica, Arial; font-size:medium; color:Black; text-align:left; vertical-align:top; border-right: #9bc4ef 2px outset; padding-right: 0px; border-top: #9bc4ef 2px outset; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0px; border-left: #9bc4ef 2px outset; padding-top: 0px; border-bottom: #9bc4ef 2px outset; }

.WelcomeMessage { border-style:none; width:100%; height:600px; text-align:left; }

.CenterText { text-align:center; }
.RightText { text-align:right; }

.InfoSections { text-align:left; border-top-style:solid; border-top-width:1px; border-top-color: #9bc4ef }

.Buttons
{
	border-right: #004241 1px solid;
	border-top: #1BB9B7 1px solid;
	font-size: 11px;
	color: #000000;
	border-left: #1BB9B7 1px solid;
	cursor: hand;
	border-bottom: #004241 1px solid;
	font-family: Calibri, 'Segoe UI' , Arial;
	border-collapse: collapse;
	width: 90px;
	background-color: #B6C7D2;
	border-color: #9999FF #004241 #004241 #9999FF;
	height: 18px;
	margin-top: 2px;
}
.ButtonsNoWidth
{
	border-right: #004241 1px solid;
	border-top: #1BB9B7 1px solid;
	font-size: 11px;
	color: #000000;
	border-left: #1BB9B7 1px solid;
	cursor: hand;
	border-bottom: #004241 1px solid;
	font-family: Calibri, 'Segoe UI', Arial;
	border-collapse: collapse;
	background-color: #DFDFFF;
	border-color: #9999FF #004241 #004241 #9999FF;
	height: 18px;
	margin-top: 2px;
}
.MasterButtons
{
	border-right: #004241 1px solid;
	border-top: #1BB9B7 1px solid;
	font-size: 11px;
	color: #FFFFFF;
	border-left: #1BB9B7 1px solid;
	cursor: hand;
	border-bottom: #004241 1px solid;
	font-family: Calibri, 'Segoe UI' , Arial;
	border-collapse: collapse;
	width: 90px;
	background-color: #6F6F6F;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	height: 18px;
	margin-top: 2px;
}

.GridButtons { padding-left:4px; padding-right:4px; border-bottom: dimgray 2px solid; border-right: dimgray 2px solid; border-top: gainsboro 1px solid; border-left: gainsboro 1px solid; color: #3E92BD; cursor: hand; font-family: Tahoma,sans-serif; background-color: #FFFFFF; vertical-align:middle; text-align:center; text-decoration:none; width:100px; }
.GridHeaderButtons
{
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: dimgray 2px solid;
	border-right: dimgray 2px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	color: #000000;
	cursor: hand;
	font-family: Tahoma,sans-serif;
	background-color: #F2F5F7;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	width: 75px;
}

/* This is used for the radWindow buttons (radAlert, radConfrim, radPrompt */
.innerspan { width:40px; text-align:center; }

/*Main Menu*/
.MainMenuBackground { 
    background-image:url(../../images/WebBlueMenuBackground.gif); 
    height: 25px !important;
}

.rmRootGroup .rmHorizontal {
    height: 25px !important;
}

.RadMenu .RadMenu_Default .rmSized {
    height: 25px !important;
}

/*
.MainMenu { fot-size: 14px; color: #000066; font-family:Verdana, Arial; width:300px; background-color:Transparent; }
.MainMenuItems { font-size: 12px; color: #000066; font-family: Verdana, Arial; width: 200px; background-color: #bcbcbc; height: 18px; }
.MainMenuItemsHover { font-size: 12px; color:White; font-family: Verdana, Arial; width: 200px; background-color: #bcbcbc; height: 18px; }
.MainMenuItemsSelected { font-size: 12px; color:White; font-family: Verdana, Arial; width: 200px; background-color: #bcbcbc; height: 18px; }
*/

.MainMenuItems { width:200px; }

/*Data Areas*/
.Captions { font-family: 'Verdana', 'Palatino Linotype' , 'Bodoni MT', 'Century Schoolbook'; color: #000066; font-size: 12px; text-align: right; }
.CaptionsCenter { font-family: 'Verdana', 'Palatino Linotype' , 'Bodoni MT', 'Century Schoolbook'; color: #000066; font-size: 12px; text-align:center; }
.CaptionsLeft { font-family: 'Verdana', 'Palatino Linotype' , 'Bodoni MT', 'Century Schoolbook'; color: #000066; font-size: 12px; text-align:left; }
.CaptionsWhite { font-family: 'Verdana', 'Palatino Linotype' , 'Bodoni MT', 'Century Schoolbook'; color: #FFFFFF; font-size: 12px; text-align: right; }

/*
.RadMenu_WebBlue a.rmLink    
    {   
        width: auto !important;
        min-width: 130px;
    }   

    
.RadMenu_WebBlue .rmLink:hover
    {
    	background-position:center;
	    background-repeat: no-repeat !important;
	    background-color:Transparent;
	}
*/

.error { font-weight: bold; color: Red; }
.viewbut { background: #F2F5F7 url(../../images/view-but.jpg); background-repeat: no-repeat; font-family: tahoma; font-size: 11px; font-weight: bold; color: #27413E; width: 50px; height: 22px; text-decoration: none; border: none; }

.EditFormBackground { background-color:#f5f7f9; }
.ValidationFormBackground { background-color: #E0E7EC; }
.EditorDisabled { background-color:#f5f7f9; overflow-y:auto; border-style:solid; border-width:1px; padding: 2px 2px 2px 2px; }
.UserWelcome { padding-right:5px; font-size:medium; font-family:Calibri; color:#E0E7EC; cursor:pointer;  }

.PanelBarHeader_Web20 { background-image:url(../../images/PanelBarHeader_Web20.gif); font-family:Arial; font-size:13px; font-weight:900; color:White; padding-left:13px; }

.ExcelCell { border:solid 0.1pt #CCCCCC; }

.GridPanel
{
	border-right: #9bc4ef 2px outset;
	padding-right: 1px;
	border-top: #9bc4ef 2px outset;
	padding-left: 1px;
	padding-bottom: 10px;
	margin: 1px;
	border-left: #9bc4ef 2px outset;
	padding-top: 0px;
	border-bottom: #9bc4ef 2px outset;
	background-color: #FFFFCC;
	border-color: #FFFF99;
	border-width: 1px;
}

.radConfirmButtonStyle
{
	width: 70px;
	height: 22px;
	background-image: url('../../images/radConfirmButtonBackground.gif');
}

.radConfirmTextStyle
{
	font-weight:500;
}

.nestedgridheader
{
	border-style: solid solid solid none;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #F9FFCD;
	text-align: right;
	padding: 1px 4px 1px 4px;
	height: 20px;
}
.nestedgriditems
{
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #FDFFEA;
	text-align: left;
	height: 20px;
}

.nestedgridalternatingitems
{
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #ffffff;
	text-align: left;
	height: 20px;
}

.gridcellsforExcelExport
{
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
}

.BrightLogix1
{
	font-family: a_AvanteTitlerCpsUpC;
	font-size: 40px;
	font-weight: normal;
	color: #FF6600;
}
.BrightLogix2
{
	font-family: a_AvanteTitlerCpsUpC;
	font-size: 40px;
	font-weight: normal;
	color: #FFFFFF;
}

.radgridhederCell
{
color: #27413e;
border-collapse:separate !important;
font :11px tahoma,verdana,arial,sans-serif;
padding-left:4px;
padding-right:4px;
border-bottom:#9eb6ce 1px solid;
border-left:#9eb6ce 1px solid;
padding-bottom:2px;
background:url(WebResource.axd?d=5XGklPhkxMUPuHzZR8DKpkrah_isfkSeJN-mm1K7zzcwc8QDrhlXy2unpO8IYYCv9NA3yHn9s-7FA_CalBfwxw2&t=634268230168769462) #d3dbe9 repeat-x 0px -200px;
padding-top:3px;
font-weight:normal;
font-size:12px;
}

.radwindowindex
{
    z-index:10000;
    }
    
.radTreeSelectedNode
{
background-color :#F29536;    
}

/*radMenu CSS*/
.rmVertical .rmItem .rmLink { background: #FFFFFF none !important; }
.rmVertical .rmItem .rmLink .rmText {  padding-left: 2px !important; padding-right:20px !important; text-align:left !important; }

.rmHorizontal .rmItem .rmText {
    cursor: pointer !important;
}

.RadTabStripTop_Sunset .rtsLevel,
.RadTabStripTop_Sunset .rtsSeparator
{
    background-color: #768ca5;
}

.HelpDocumentTitle
{
    font: 16px verdana, arial, sans-serif;
    text-align: left;
    font-weight: bolder;
    color: #000066;
}

.ClientHelpDocumentTitle
{
    font: 13px  verdana, arial, sans-serif;
    text-align: left;
    font-weight: bold;
    color: #4c607a;
}

.ClientHelpDocumentTitle1
{
    font: 12px  verdana, arial, sans-serif;
    text-align: left;
    font-weight: bold;
    color: #000000;
}


.HrLineStyle
{
    color: #4c607a;
    
}


.ErrorPageContentFrame
{
	width:700px;
	border-right: #9bc4ef 2px outset;
	padding-right: 0px;
	border-top: #9bc4ef 2px outset;
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 0px;
	border-left: #9bc4ef 2px outset;
	padding-top: 0px;
	border-bottom: #9bc4ef 2px outset;
	background-color:White;
	min-height:620px;
} 
.RadMenu_Default A.rmSelected {
	BACKGROUND-COLOR: #BCBCBC!important;
} 

.rgHeaderDetail1
{
    background-color:#d1ddee;
    color:#2b405c;
    font-weight:normal;
    border-left:1px solid #f1f5fb;
    border-right:1px solid #b6c7df;
    padding :4px;
}
.rgHeaderDetail2
{
    background-color:#c0cddf;
   color:#142234;
    font-weight:normal;
    border-left:1px solid #dde6f3;
    border-right:1px solid #9cb0cb;
    padding :4px;
}
 .rwLoading
        {
            background-color: #f5f7f9 !important;
            background-image: url("../../Images/Loading.gif") !important;
        }
          /* rad date picker*/
    .width100, .width100 table
        {
            width: 100px !important;
        }

 .rgRow, .rgAltRow
    {
        padding-top: 2px;
        padding-bottom: 2px;
        height: 30px;
        vertical-align: middle;
        font-size:14px;
    }