﻿/*-----------------Global CSS----------------------------*/
html, body
{
    font-family: Arial, Courier New; 
    border: 0px;
    margin: 0px;  
    padding: 0px;
}  
  
a
{ color: #000000; }

/*------------------CSS Class Section--------------------*/

/*-------Page Level---------*/
.mainWindow, .containerPage
{ background-color: #808080; }

.menu
{
	background-color:#dcdcdc;
	font: menu;
	font-size:smaller;
	line-height: 16px;
	margin:0px;
	padding:0px;  
	   
}    

.pageTitle
{
	font-size:medium;
	font-weight: bold;
}

.tabpage
{
	background-color: #FFF;
	height: 544px;	
}

.popup
{
	background: #fff;
	font-size: small;
	height: 600px;
} 

.divGroup
{
    border: 1px solid #6788BE; 
    overflow:hidden;
    padding: 3px 0px;
    background: #f9f9f9; 
}
.divGroupWithPadding { padding: 3px; }

/*-----Modified Ctrls-----*/
a.normal
{ color: inherit; }

ul.ActionMenu
{ list-style-type: none; }

li.ActionMenu
{
	padding: 0px 20px; /* vertical - horizontal */
	font: 11px Arial, Verdana, Sans-serif;
	line-height: 31px;
}

.outlook_radbutton_text_disabled{height: auto !important;}


/*xxx.rightFloat input { margin-bottom: 3px; }*/

/*------User Ctrls-------*/
/*Grouped Misc*/
input.textbox, .Over_textbox, .Focus_textbox, .Default_textbox,  
.Default_textboxrequired, .Focus_textboxrequired, .Over_textboxdisabled, .Default_textboxdisabled, .Focus_textboxdisabled, 
input.textboxrequired, .Over_textboxrequired,.textboxrequired 
input.textboxdisabled, input.textbox, input.textboxlocked, div.editordisabled
{
	font-size: small; 
	
	}

input.textboxrequired, .Over_textboxrequired, .textboxrequired
{
	font-weight:bold;
	background-color:#FFFFDD;
	text-align:left;
	/*height:22px;*/
}

td.label, .labelColumn, .labelText, .labelTextRequired, .labelrequired
{
	width:150px;  
	text-align: right;  
}

td.label, .labelText, .labelTextRequired, .labelrequired, .labellocked
{
	font-size: small;
}

.labellocked
{ color: #DDDDDD; }

.labelTextRequired, .labelrequired
{ 
	font-weight: bold;	
	color:Red; }

.Default_textboxrequired, .Focus_textboxrequired
{
	font-weight:bold;
	background-color:#FFFFDD;
	/*height:19px;*/
}

.Default_textboxdisabled, .Focus_textboxdisabled
{
	color:Black;
	background-color: Silver;	
}


input.textbox, input.Over_textboxdisabled, input.textboxdisabled, input.textboxlocked, div.editordisabled
{
	color: #000;
	margin-top:0px;	
	text-align:left;  
	margin-bottom: 3px;
	height: 16px;
}

*:first-child+html input.textbox, *:first-child+html input.Over_textboxdisabled, *:first-child+html input.textboxdisabled, *:first-child+html input.textboxlocked
{
	margin-bottom: 1px;
}


/*Single Misc*/
td.textbox
{
	text-align:left;
	width: 250px;	
}

.labelColumn
{
	float:left; 
	height:25px;
	line-height:25px;
}

.singleColumnPage
{
	width:470px; 
	margin-left: 100px; 
	margin-top:50px;
}
.singleColumnSection 
{ 
	width:766px; 
}
	
.dualColumnSection 
{ 
	width: 766px; 
}

.dualLeftColumn 
{
	width:380px; 
	float: left;
	margin: 0px;
}

.dualRightColumn 
{
	width:380px; 
	float: right;
	margin: 0px;	
}

.textColumn
{
	width:220px;
	float:right; 
	text-align:left;
	height:25px;
	margin-left:10px;	
}

.Over_textboxdisabled, .textboxdisabled, div.editordisabled
{ background-color: #DDDDDD; }

.textboxlocked
{ background-color: #EEEEEE; }

div.editordisabled
{
	border: inset 2px #E0DFE3;
	overflow: scroll;
}


.ColumnHeader
{
    /*background: #DDE4EE;*/
    background: #6788BE;   
    /*height: 1.5em; */
    color: #fff;  
}




/*Grid type multi-column (i.e. district page)*/
.leftFloat{ float: left; }
.rightFloat{ float: right; }

.leftContainerColumns{ width: 360px; }
.rightContainerColumns{ width: 400px; }

.rightContainerColumnsShort{width:292px;}
.leftContainerColumnsLong { width: 505px; }

.leftInsideColumns{
    width: 134px;
    text-align: right;
    line-height: 1.60em;
}

.leftInsideColumnsShort{
    width: 100px;
    text-align: right;
    line-height: 1.50em;
}

.rightInsideColumns{
    width: 215px;
    text-align: left;
    padding-right: 2px;
    overflow: hidden;
}

.rightInsideColumnsShort{
    width: 160px;
    text-align: left;
    padding-right: 0px;
    overflow: hidden;
}

.rightInsideColumnsLong{
    width: 370px;
    text-align: left;
    padding-right: 0px;
    overflow: hidden;
}

.rightmostCol{
    width: 255px;
}

.spanRightColumns{ width: 622px; }
.spanSpaced{ margin-bottom: 13px; }

.textCentered{ text-align: center; }

.clearBoth { clear: both; }
.lineHeight0{ line-height: 0px; }
.lineHeight25{ line-height:25px; }
.lineHeight27{ line-height: 27px; }

.fieldsetHolder
{
    padding: 15px; 
    margin:35px auto 20px auto; 
    width:355px;  
    font-size: small;   
}

.gridEditColumnContainer{ width: 265px; }
.gridEditLeftIns{ width: 100px; }
.gridEditRightIns{ width: 155px; }


.shortContainer{ width: 290px; }
.shortLeft{ width: 130px; }
.shortRight{ width: 155px; overflow: visible;}
.shortRight input, .shortRight select, .shortSpan input, .shortSpan select{margin-bottom:3px;}
.shortSpan{ width: 445px; }

.lookupLeft
{
    width: 41%; 
    float:left; 
    text-align:right;    
}

.lookupRight
{
    width: 57%; 
    float: right; 
    text-align:left;    
}


/* xxxMake checkboxes correct height */
.chkBox input{ height: 20px; } 
/**:first-child+html .chkBox input{ height: 25px; }*/ 

/* r. rollins 9/15/2011 removed because it was making the checkboxes out of line with labels 
.rightFloat input { margin-bottom: 3px; } */

/*  r. rollins 9-15-2011 changed because this was causing the checkboxes to be out of line with the labels */
/*.insideCheckbox input[type="checkbox"], .insideCheckbox input[type="radio"] { margin-top: 6px !important; margin-bottom: 6px !important; }*/
/**:first-child+html .insideCheckbox input[type="checkbox"], *:first-child+html .insideCheckbox input[type="radio"] { margin-top: 3px !important; margin-bottom: 2px !important; }*/

.insideCheckbox input[type="checkbox"], .insideCheckbox input[type="radio"] { margin-top: 3px !important; margin-bottom: 2px !important; }



/* To make radio buttons line up with the labels */
.radioButton input{ vertical-align:bottom; }


.radCalToday_Default{background: #DCEBFE;}




/* To fix the IE issue with the Telerik date picker control*/
.pickerWrapper_Default{height: 25px !important;}
.pickerWrapper_Default td{padding:0 2px 0 0 !important;}
.pickerWrapper_Default2006 td{padding: 0 2px 0 0 !important;}
.inputCell input{width: 95% !important;}

/* Old version
*:first-child+html .pickerWrapper_Default2006{
    padding:0px;
    height: 28px;
    margin-bottom: 3px;     
}

*:first-child+html .pickerWrapper_Default2006 TABLE{
    width: 103% !important; 
}

*html .pickerWrapper_Default2006
{
    padding:0px;
    height: 28px;
    margin-bottom: 3px;      
}

*html .pickerWrapper_Default2006 TABLE
{
    width: 103% !important;     
}

.pickerWrapper_Default
{
    height: 28px !important;
}
*/
/* end of Date Picker control hacks*/




/*-----------------CSS ID Section-----------------------*/

/*------Grouped ID's-------*/

#TMALogo, #compName, #globalToolBar, #panelBar, #titleBar, #loadingPane, #globalToolBar2
{ position: absolute; }

#TopMenu, #HeaderHolder, #dynToolBar, #mainFrame, #frameidentity, #titleBar
{ width: 100%; }

#TMALogo, #globalToolBar, #panelBar, #titleBar, #globalToolBar2
{ left: 0px; }

#dynToolBar, #framecontainer, #UserTab
{ background: #808080; }

#PageHeader, #LookupPageHeader
{
	padding-top: 50px; 
    margin: auto;    
}

#TopMenu
{
    border-collapse: collapse; 
    height: 22px;
}    

#HeaderHolder
{
    height: 48px;
    background-color: #FFF; 
    border: 1px solid #FFF;   
}

#TMALogo
{
    top: 28px;
    width: 200px;
}    
 
#winName
{
    text-align: center;
    margin-top: 25px;
} 

#compName
{
    right: 0px;
    top: 28px;  
    width: 200px; 
    height: 40px;
}


#globalToolBar
{ top: 72px; width: 150px; }

#globalToolBar2
{ top: 99px; width: 150px; text-align:center; }

#dynIFrame
{
    margin-left: 155px;
    margin-top:0px;   
}

#panelBar
{
    width: 150px;
    top: 99px;   
}

#mainFrame
{ height:642px; }

#frameidentity
{
    height:544px; 
    background-color: #FFF;  
}

#frameIdentityHolder
{
    margin-left:190px; 
    height: 546px;    
}

#titleBar
{
	background-color:Black; 
	height:24px; 
	top: 42px; 
	margin:0px; 
	color:white;
	font: 11px Arial, Verdana, Sans-serif;
	font-weight:bold;
	font-style:italic;
	line-height:24px;
}

#LookupPageHeader
{ 
    text-align:center;
    width: 610px;
    overflow:auto;
}

#SubTypeGrid
{
	width:521px;
	margin: 30px auto;
	text-align: center;
}

#loadingPane
{
    bottom: 10px;
    right: 20px;    
}

#fieldContainer
{
    position: relative;
    width: 766px;
    height: 500px; /*350px*/    
    margin: 25px auto 0px auto;    
    overflow: visible;
}

#fieldContainerLong
{
    position: relative;
    width: 800px;
    height: 500px; /*350px*/    
    margin: 25px auto 0px auto;    
    overflow: visible;
}


*html #fieldContainer
{
    margin: 25px 50px 0px 50px; 
}


#udfContainer
{
    margin: 5px auto 0px auto;
    text-align: left;
    width: 680px;   
}

#checkBoxContainer
{
    width: 400px; 
    margin: 25px auto; 
    position: relative; 
    overflow: auto;
}

#gridfieldContainer{
    margin: 10px auto; 
    width: 600px ;
}

*html #gridfieldContainer
{
    /*margin: 10px 50px 0px 50px;*/
}

#browseGridHolder{ width: auto; margin: 0px 10px; }

#browseHeader{ margin-left: 10px; width: auto; }



