/*******************************************************************************
 * main.css - The central repository for all style information
 * 
 * Created January 2013 by various authors for CSG International, Inc.  All Rights Reserved
 * 
 ******************************************************************************/

/* 
 * body-related styles  
*/

iframe {   
    display:block; /* force the iframe to display as block */      
    height:100%; /* assign 100% height */   
    width: 100%;   
    border:none;
} 



body.iframenopadding{
	padding:0;
	margin:0;
}

/* 
* cell-related styles 
*/

td.center100pc {
	width:100%;
	text-align: center;	
}

td.center15pc {
	width:15%;
	text-align: center;
}

td.center20pc {
	width:20%;
	text-align: center;	
}

td.center85pc {
	width:85%;
	text-align: center;
}

td.left45pc {
	width:45%;
	text-align: left;
        vertical-align: top;
}

td.left80pc {
	width:80%;
	text-align: left;
}

td.right54pc {
	width:54%;
	text-align: right;
    vertical-align: top;
}

td.rightTop {
	text-align: right;
    vertical-align: top;
}

td.tabSelected{
	width: 20%;
	background-color: #001C4C;
	text-align: center;
	vertical-align: bottom;
	font-family:Tahoma, Arial;
	font-size: 10px;
    color: #ffffff;        
}

td.tabNotSelected{
	width:20%;
	background-color: #C0C0C0;
	vertical-align: bottom;
	text-align: center;
	font-family:Tahoma, Arial;
	font-size: 10px;
    color: #000000;        
}

td.searchMenuLeftSide { 
	width:50%;
	background-color:#f6f6f6;
	text-align: right;
}

td.searchResultsMenuLeftSide {
	width:40%;
	background-color:#f6f6f6;
	text-align: right;
}

td.innerTabSelected{
	width:50%;
	background-color: #001C4C;
	text-align: center;
	vertical-align: middle;
	font-family:Tahoma, Arial;
	font-size: 11px;
    color: #ffffff;  
}

td.innerTabNotSelected{
	width:50%;
	background-color: #f6f6f6;
	text-align: center;
	vertical-align: middle;
	font-family:Tahoma, Arial;
	font-size: 11px;
    color: #888888;  
}

/* this the TD class is for header names on the middle tab 
   Manage Users (user Tab)
   Manage Sites (Results Tab) */
td.searchResultsMidHeader {
	background-color:#000000;
	text-align: left;
	font-family:Tahoma, Arial;
	font-size: 10px;
	color: #ffffff;        
}

/* this the TD class is displaying row information 
   with color #f5f5f5
   Manage Users (user Tab)
   Manage Sites (Results Tab) */
td.resultsWithColor {
	background-color:#f5f5f5;
	text-align: left;
	font-family:Tahoma, Arial;
	font-size: 10px;
	color: #000000;        
}

/* this the TD class is displaying row information 
   with color #000000
   Manage Users (user Tab)
   Manage Sites (Results Tab) */
td.resultsWithOutColor {
	background-color:#ffffff;
	text-align: left;
	font-family:Tahoma, Arial;
	font-size: 10px;
	color: #000000;        
}

td.resultsWithBlack {
	background-color:#000000;
	text-align: left;
	font-family:Tahoma, Arial;
	font-size: 10px;
	color: #ffffff;        
}

/* used on the edit, add, and save screens for
   ManageUsers */
td.detailHeaders {    
    width:20%;
    background-color:#000000;
    text-align: center;
    color: #FFFFFF;
    font-family: Tahoma, Arial;
    font-size: 10px;       
}

td.tabbedPageLeftSide40 {
	width:40%;
	background-color:#f6f6f6;
	text-align: right;
	font-family:Tahoma, Arial;
	font-size: 10px;
	color: #000000;  
}

td.tabbedPageRightSide60 {
	width:60%;
	text-align: left;
	font-family:Tahoma, Arial;
	font-size: 10px;
	color: #000000;  
}

td.largeTableHeader{
	width:50%;
	text-align: left;
	font-family:Tahoma, Arial;
	font-size: 10px;
	background-color:#000000;
	color: #ffffff;
}

td.largeTableColumn{
	width:50%;
	text-align: left;
	font-family:Tahoma, Arial;
	font-size: 10px;
	background-color:#ffffff;
	color: #000000;
}



/* 
* table-related styles 
*/

table.noborder100pcbggray{
    border:0px;
    width:100%;
    padding:0px;
    margin:0px;
    background-color: #5F6062;
}

table.noborder95pcCenter {
    border:0px;
    width:95%;
    text-align: center;
    
}

table.noborder95pcCenter2 {
    border:0px;
    width:870px;
    padding:0px;
    margin:0px;    
    text-align: center;
    
}

table.noborder100pc {
	border:0px;
	width:100%;
}

table.noborder100pcCenter {
	border:0px;
	width:100%;
	text-align: center;
}

table.noborder100pcnopad {
	border:0px none;
	width:100%;
	padding:0px;
	margin:0px;
}

table.bordercustomcolor1_95{
	border: #001C4C solid medium;
	border-width: 2px;
	width:95%;
	text-align: center;
	border-color:#001C4C;
	/*padding:8px;*/
	margin:0px;
}

table.bordercustomcolor2_95{
	border: #001C4C solid medium;
	border-width: 2px;
	width:95%;
	text-align: center;
	border-color:#001C4C;
	padding:0px;
        margin-top: -5px;

}

table.bordercustomcolor1_100{
	border: #001C4C solid medium;
	border-width: 2px;
	width:100%;
	text-align: center;
	border-color:#001C4C;
	padding:8px;
	margin:0px;
}

table.bordercustomcolor1_700px{
	border: #001C4C solid medium;
	border-width: 2px;
	width:700px;
	text-align: center;
	border-color:#001C4C;
	padding:8px;
	margin:8px;
}

table.bordercustomcolor1_1082px{
	border: #001C4C solid medium;
	border-width: 2px;
	width:1082px;
	text-align: center;
	border-color:#001C4C;
	padding:8px;
	margin:8px;
}

table.bordercustomcolor1_400px{
	border: #001C4C solid medium;
	border-width: 2px;
	width:400px;
	text-align: center;
	border-color:#001C4C;
	padding:8px;
	margin:8px;
}



table.searchTabs{
	border:2px;
	width:95%;
	text-align: center;
	padding:8px;
	margin:0px;
}

table.Test1{
        border: #001C4C thin solid;
	width:100%;      
}

table.RptAvail1{
	border:#000000 thin solid;
	width:95%;
	text-align: center;
	padding: 8px;
	margin: 10px; 
}


/* Used in Report Availablility */

tr.bkgLightBlue{
    background-color: #dcdcdc;    
}

tr.blueTableBackground {
	background-color: #CCD6DF;
}

th.withTBLBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:1px;
    border-bottom-width:1px;    
    border-left-width:1px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%;
    font-family:Tahoma, Arial;
    font-size: 10px;    
}

th.withTBBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:1px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%;
    font-family:Tahoma, Arial;
    font-size: 10px;    
}

th.withTBRBorder20pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:1px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 20%;
    font-family:Tahoma, Arial;
    font-size: 10px;    
}

th.size8pt{
    font-weight: bold;
    font-family:Tahoma, Arial;
    font-size: 8pt;    
}

td.size8pt{
    font-weight: bold;
    font-family:Tahoma, Arial;
    font-size: 8pt;    
}

td.size10pt{
    font-weight: bold;
    font-family:Tahoma, Arial;
    font-size: 10pt;
    color: white;
}

td.WhiteLBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:1px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#ffffff;        
}
td.WhiteRBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#ffffff;        
}

td.WhiteRBorderRed10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    color: red;
    background-color:#ffffff;        
}

td.WhiteRBBorderRed10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    color: red;
    background-color:#ffffff;        
}

td.WhiteNoBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#ffffff;        
}

td.WhiteNoBorder30pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 30%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#ffffff;        
}

td.WhiteBBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#ffffff;        
}

td.WhiteBBorder30pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 30%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#ffffff;        
}

td.WhiteLBBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:1px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#ffffff;        
}

td.WhiteRBBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#ffffff;        
}


td.BlueLBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:1px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}
td.BlueRBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}

td.BlueRBorderRed10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    color: red;
    background-color:#dcdcdc;        
}

td.BlueRBBorderRed10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    color: red;
    background-color:#dcdcdc;        
}

td.BlueNoBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}

td.BlueNoBorder30pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:0px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 30%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}

td.blueLBBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:1px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}

td.blueBBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}

td.blueBBorder30pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 30%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}

td.blueLBBorder30pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:1px;
    border-right-width:0px;
    vertical-align: bottom;
    width: 30%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}

td.BlueRBBorder10pct{
    text-align: left;
    border-style: solid;
    border-color: #000000;    
    border-top-width:0px;
    border-bottom-width:1px;    
    border-left-width:0px;
    border-right-width:1px;
    vertical-align: bottom;
    width: 10%; 
    font-family:Tahoma, Arial;
    font-size: 10px;
    background-color:#dcdcdc;        
}

td.blueBkg{
    background-color:#dcdcdc;
}

/* End Report Availablity */

/* 
* font-related styles 
*/

font.mainMenu{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold; 
}

font.mainMenuBannerLeft{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #c0c0c0;
}

font.mainMenuBannerRight{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #c0c0c0;
}

font.subMenu{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

font.subMenuHeading {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
        padding-left: 3px;
	color: #00A8CB;
}

font.Custom_Font_1 {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
}

font.Custom_Font_2 {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #001C4C;
}

font.Custom_Font_2_Red {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #ff0000;
}

font.helpLink {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #00A8CB;
}

font.commonPage {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}

font.commonPageWhite {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
font.commonPageWhiteBold {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
        font-weight: bold;
	color: #ffffff;
}

font.commonPageBold {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

font.tab {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
        color: #ffffff;
}

font.tabNS {
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
        color: #000000;
}

font.textboxfont {
	font-family:Arial, sans-serif;
	font-size: 13px;
	color: #000000;
}


/* 
* anchor styles
*/

A.NavStyle:link		{
	color: #000000; 
	text-decoration: none
}

A.NavStyle:visited	{
	color: #000000; 
	text-decoration: none
}

A.NavStyle:active	{
	color: #8A1F03; 
	text-decoration: none
}

A.NavStyle:hover	{
	color: #8A1F03; 
	text-decoration: none
}


/* NavStyle2 has the blue link 
   Manage Users (Name)*/
A.NavStyle2:link		{
	color: #00A8CB; 
	text-decoration: none
}

A.NavStyle2:visited	{
	color: #00A8CB; 
	text-decoration: none
}

A.NavStyle2:active	{
	color: #00A8CB; 
	text-decoration: none
}

A.NavStyle2:hover	{
	color: #8A1F03; 
	text-decoration: none
}

/* NavStyle3 is for Sub Menu */
a.NavStyle3:link	{
    	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
        padding-left: 15px;
	color: #000000;
	text-decoration: none;
}

a.NavStyle3:visited	{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
        /*margin-left: 15px;*/
        padding-left: 15px;
	color: #000000;
	text-decoration: none;    
}

a.NavStyle3:active	{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;    

}

a.NavStyle3:hover	{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
        padding-left: 15px;
	color: #00A8CB; 
	text-decoration: underline;
}


/* NavStyle4 is for Sub Menu */
a.NavStyle4:link	{
    	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.NavStyle4:visited	{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;    
}

a.NavStyle4:active	{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;    

}

a.NavStyle4:hover	{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0000ff; 
	text-decoration: underline;
}

A.FormStyle:link		{
	color: #6699CC; 
	text-decoration: none
}

A.FormStyle:visited	{
	color: #0000ff; 
	text-decoration: none
}

A.FormStyle:active	{
	color: #ff0000; 
	text-decoration: none
}

A.FormStyle:hover	{
	color: #ff0000; 
	text-decoration: none
}

/* 
* iFrame styles 
*/

iframe.vantageplustop {
	padding: 0px;
	margin:  -16px -10px -18px -10px;
	width: 100%;
	height: 150px;
	border:0px none;	
}

iframe.vantageplusleft {
	padding: 0px;
	margin: -3px -3px;
	width: 100%;
	height: 700px;
	border:0px none;
	top:0px;
}

iframe.vantageplusright{
	padding: 0px;
	margin: -3px -3px;
	width: 100%;
	height: 700px;
	border:0px none;
}

.frz_HeaderContent {
/*    width:100%;*/
    position:fixed;
    top:0px;
    left:280px;
    right:47px;
    text-align: center;
    }

dv.div_alignRight {
    text-align: right;    
}

dv.div_alignCenter {
    text-align: center;    
}

/*

Added for Sub Menu Tree System
*/

ul.tree-menu {
    font-size: 12px;
    line-height: 16px;
    font-family: tahoma;
    margin: 0;
    padding: 0;
}
ul.tree-menu ul {
    margin: 0 0 0 0px;
    padding: 2px 10px 0 10px;
    
}
ul.tree-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.tree-menu li.section {
    background-image: url('../images/folder.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 12px;
}
ul.tree-menu li.section-open {
    background-image: url('../images/folder-open.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 12px;
}
ul.tree-menu li.box {
    background-image: url('../images/doc.gif');
    background-repeat: no-repeat;
    background-position: left top;    
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.tree-menu a {
    margin-left: 5px;
    color: #0000ff;
    text-decoration: none;
    white-space: nowrap;
}
ul.tree-menu a:hover {
    margin-left: 5px;
    color: #0000ff;
    text-decoration: underline;
    white-space: nowrap;
}
ul.tree-menu li a:hover {
    margin-left: 5px;
    color: #0000ff;
    text-decoration: underline;
    white-space: nowrap;
}

.fixed-input {
    width: 275px;
}