/* Specific application styles */

/* List of DNS records */
th.IPODNSRECLIST { 
    background: #CCCCCC; 
    padding: 3px 20px 3px 20px; 
}
td.IPODNSRECLIST { 
    background: #99BBEE; 
    padding: 3px 5px 3px 5px;
}

/* List of Domains */
th.IPODOMAINLIST { 
    background: #CCCCCC; 
    padding: 3px 12px 3px 12px; 
}
td.IPODOMAINLIST { 
    font-size: 11px;
    background: #ECE5B6;  
    padding: 3px 5px 3px 5px;
}



/* The IPO Web Products List */
td.IPOWebProductList { 
    
    font-size: 11px;
    background: #ECE5B6; 
    padding: 3px 5px 3px 5px;
}
th.IPOWebProductList { 
    background: #CCCCCC; 
    padding: 3px 20px 3px 20px; 
}


/* The IPOMailServer Information */
table.IPOMailServerParameters {
    padding: 10px 10px 10px 10px;
    margin-left: auto;
    margin-right: auto;	
    background: #DDDDDD;
}
td.IPOMailServerParameters { 
    padding: 3px 5px 3px 5px;
}




/******************************************************************************
 * IP Objects Standard CSS Styles                                             
 * (c) 2008 IPO Objects                                                       
 * All Rights Reserved                                                        
 ******************************************************************************/

/******************************************************************************
 *                                                                            
 * This section provides a set of IP Objects CSS styles which are be used by  
 * IPO programs to achieve certain pre-defined standard purposes like         
 * displaying a table or producing an error warning for example.              
 *
 */


/******************************************************************************
 * The generics section defines the default html styles for non-classified 
 * elements and is inherited by all classes that don't define a specific
 * attribute.
 */ 
body {
    font-family: 'lucida grande', verdana, geneva, helvetica, arial, sans-serif; 
    width: 900px; 
    font-size: 10pt;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #1D394F;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; 
}

a { color: #1D394F; text-decoration: underline; }  
a:hover { color: #BB9933; } 
img { border: none; margin-left: auto; margin-right: auto; }
td { font-size: 10pt; }
th { font-size: 10pt; }

form { margin-top: auto; margin-bottom: auto; }
p { text-align: left; }


/******************************************************************************
 * The IPOCSSHeader class is used to define how the header of every page looks
 * like. It has a sub-type called IPOCSSHeaderDock which implements the dock of 
 * text bits that is displayed on the right side of the header.
 *
 * If IPOCSSHeaderRightCol is defined, it classifies the right side column of 
 * the header as a DIV section.
 */ 

#IPOCSSHeader { margin-bottom: 3px;padding: 5px 5px 5px 5px; }
.IPOCSSHeader { font-size: 8pt; }
table.IPOCSSHeader { width: 890px; }	/* 768 -5px -5px from padding */
.IPOCSSHeaderDock { font-size: 8pt; }

/******************************************************************************
 * The IPOCSSHMenu class is used to define how the horizontal menu bar looks 
 * like. It has a sub-type called IPOCSSHMenuActive which implements the 
 * highlights of the current menu page.
 */ 

#IPOCSSHMenu {
    background-image: url('gradient1.png'); 
    background-repeat: repeat-x; 
    height: 30px; 
    width: 900px; 
    margin-left: auto;
    margin-right: auto;    
    vertical-align: middle;
    text-align: center;
    color: #DDDDDD;
}
.IPOCSSHMenu {
    color: #DDDDDD;
    font-size: 10pt;
    vertical-align: middle;
}
.IPOCSSHMenuActive {
    color: #EADB2A;
    font-size: 10pt;
    vertical-align: middle;
}

a.IPOCSSHMenu { text-decoration: none; }  
a.IPOCSSHMenuActive { text-decoration: none; }  
a.IPOCSSHMenu:hover { color: #EADB2A; }
a.IPOCSSHMenuActive:hover { color: #EADB2A; }
th.IPOCSSHMenu { height: 30px; 	} 
th.IPOCSSHMenuActive { height: 30px; 	} 
table.IPOCSSHMenu {	
    width: 900px; 
    margin-right: auto;
    margin-left: auto;
}


/******************************************************************************
 * The IPOCSSHSMenu class is used to define how the horizontal sub-menu bar  
 * looks like. It has a sub-type called IPOCSSHSMenuActive which implements the 
 * highlights of the current sub-menu page.
 */ 



#IPOCSSHSMenu {
    /* border: solid 1px; */
    background: #DDDDDD;
    height: 30px;
    width: 900px; 

}

a.IPOCSSHSMenu { text-decoration: underline; color: #1D394F; }
a.IPOCSSHSMenuActive { text-decoration: underline; color: #666600; }
a.IPOCSSHSMenu:hover { color: #BB9933; } 
a.IPOCSSHSMenuActive:hover { color: #BB9933; }


table.IPOCSSHSMenu {	
 width: 98%; 
 margin-right: auto;
 margin-left: auto; 
}




/******************************************************************************
 * The IPOCSSVMenu class is used to define how the vertical menu bar  
 * looks like. 
 */ 
#IPOCSSVMenu {
    border: solid 1px; 
/*    background: #DDDDDD; */
    background-image: url('../Images/gradient3.png'); 
    margin-top: 35px;
    margin-right: 30px;
    padding: 10px 10px 10px 10px;
    width: 100px; 
    text-align: left;
    font-size: 10pt; 
}
td.IPOCSSVMenu {    height: 30px; }
a.IPOCSSVMenu { text-decoration: underline; color: #1D394F; }
a.IPOCSSVMenuActive { text-decoration: underline; color: #666600; }
a.IPOCSSVMenu:hover { color: #BB9933; } 
a.IPOCSSVMenuActive:hover { color: #BB9933; } 


/******************************************************************************
 * The IPOCSSContext class defines the style used in the main body of every 
 * page or application. It is the core central display area.
 */ 
#IPOCSSContext {
    text-align: left;
    padding: 20px 0px 0px 0px;
}



/******************************************************************************
 * The IPOCSSBody class is a super set of IPOCSSContext and IPOCSSMenu in that 
 * it includes both i.e. in the case of there being a vertical menu on the 
 * left side of the page, both the vertical menu on the left side and the 
 * context on the right side belong to a div class called IPOCSSBody.
 */ 
#IPOCSSBody {
    padding: 0px 10px 0px 10px;
    width: 880px; 
    margin-bottom: 20px;
    text-align: left;
}

td.IPOCSSBody { vertical-align: top; }

/******************************************************************************
 * The IPOCSSError class is used to represent error messages in the IP Objects
 * web framework. The IPOCSSStatus class is used to represent success messages.
 */ 
#IPOCSSError {
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.IPOCSSError {
    margin-left: auto;
    margin-right: auto;
    font-size: 10pt;
    text-align:center;
    width: 500px;
    margin-bottom: 5px;
    margin-top: 5px;
    
}

td.IPOCSSError { background: #FFCC33; padding: 5px 40px 5px 40px; }

#IPOCSSStatus {
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
.IPOCSSStatus {
    margin-left: auto;
    margin-right: auto;
    font-size: 10pt;
    text-align:center;
    width: 500px;
    margin-bottom: 5px;
    margin-top: 5px;
}

td.IPOCSSStatus { background: #BBCCDD; padding: 5px 40px 5px 40px; }

/******************************************************************************
 * The IPOCSSFooter class is used to define how the footer of every page looks
 * like. 
 */ 
#IPOCSSFooter {
    font-size: 8pt;
    width: 900px; 
    margin-right: auto;
    margin-left: auto;
    
}
a.IPOCSSFooter { color: #1D394F; text-decoration: none; }  
p.IPOCSSFooter { text-align: right; }


/******************************************************************************
 * The IPOCSSButton class is used to print roundy-corner buttons
 */ 

.IPOCSSButtonClear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%; 
    padding: 10px 10px 10px 10px;    
}

p.IPOCSSButton {
    text-align: center;
}

a.IPOCSSButton {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #1D394F;
    display: block;
    float: left;
    /* font: normal 12px arial, sans-serif; */
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none; 
}

a.IPOCSSButton span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.IPOCSSButton:hover { color: #BB9933; }



/******************************************************************************
 * The IPOCSSDBList is used by the IP Objects web framework to classify all 
 * database list tables. It has the IPOCSSDBListAdd subset which defines the 
 * add new record row style.
 * 
 * The IPOCSSDBRec is used by the IP Objects web framework to classify the
 * database object editor and additor auto menus.
 */ 

table.IPOCSSDBList {
    margin-left: 0px;
    margin-right: auto;
/*    width: 676px; */
    text-align: left;
}

th.IPOCSSDBList {
    background: #CCCCCC; 
    color: #1D394F;
    padding: 3px 5px 3px 5px; 
    font-size: 8pt;
    text-align: center;
    vertical-align: top;
}
td.IPOCSSDBList { 
    background: #ECE5B6; 
    padding: 3px 10px 3px 10px; 
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}
a.IPOCSSDBList {
    text-decoration: none;
}
a.IPOCSSDBListAdd {
    font-size: 8pt;
}

table.IPOCSSDBRec { 
    /* background: #DDDDDD; */
    margin-left: 20px;
    margin-right: 20px;
    width: 98%;
    padding: 10px 10px 10px 10px;
    text-align: left;
} 

form.IPOCSSDBRec { background: #FFFFFF; }
input.IPOCSSDBRec { padding: 2px 2px 2px 2px; background: #FFFFFF; }
select.IPOCSSDBRec { background: #FFFFFF; }


/******************************************************************************
 * The IPOCSSFlagInput class is used to produce flag input fields.
 */ 
td.IPOCSSFlagInput {
    font-size: 8pt;
} 

/******************************************************************************
 * The IPOCSSIconTable class is used to produce a table of mini icons 
 * Basically it just sets the width of table cells to 15px so mini icons must
 * not be wider than 15 pixels.
 */ 
td.IPOCSSIconTable {
    /* width: 15px; */ /* Removed when replacing icons by buttons */
} 

/******************************************************************************
 * The IPOCSSLogin is used to format the web login box.
 */ 

/******************************************************************************
 * The IPOCSSRegister is used to format any web services regisration areas and 
 * boxes.
 */ 

#IPOCSSRegister {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}


.IPOCSSRegister {
    margin-left: auto;
    margin-right: auto;
}

table.IPOCSSRegister { 
    background: #CCDDEE;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
    text-align: left;
} 

form.IPOCSSRegister { background: #FFFFFF; }
input.IPOCSSRegister { padding: 2px 2px 2px 2px;	background: #FFFFFF; }
select.IPOCSSRegister { background: #FFFFFF; }

/******************************************************************************
 * The IPOCSSHelp is used to format the Help subsystem pages and messages. 
 */ 
.IPOCSSHelp {
    padding: 0px 50px 0px 50px;
    font-size: 8pt;
    
}

/******************************************************************************
 * The IPOCSSUserPreferences is used to format the user preferences forms
 */ 
.IPOCSSUserPreferences {
    margin-left: auto;
    margin-right: auto;
    /*	background: #CCDDEE; */
}
#IPOCSSUserPreferences {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 5px 20px 5px;    
}

table.IPOCSSUserPreferences { 
     background: #CCDDEE;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
    text-align: left;

} 
td.IPOCSSUserPreferences {
    text-align: left;
}

/* form.IPOCSSUserPreferences { background: #FFFFFF; } */
input.IPOCSSUserPreferences { padding: 2px 2px 2px 2px;	background: #FFFFFF; }
select.IPOCSSUserPreferences { background: #FFFFFF; }


/******************************************************************************
 *                                                                            
 * This section provides sets of IP Objects CSS styles used in specific and
 * defined applications and are only relevant to these.
 *
 ******************************************************************************/

/******************************************************************************
 * NetADB.ipo - Network Address Database CSS Styles
 ******************************************************************************/

/******************************************************************************
 * The generic IPOCSSADB style defines the generic top-level CSS style for all
 * the pages of the address database.
 */

#IPOCSSADB {
    background: #EEEEEE;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 20px 0px 20px 0px;
}

/******************************************************************************
 * IPOCSSADBSpaceSelector defines the style for selecting an address space.
 */
#IPOCSSADBSpaceSelector {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    
}
P.IPOCSSADBSpaceSelector {
    text-align: center;
}

/******************************************************************************
 * IPOCSSADBBrowseSearch defines the main style for the address browser.
 * 
 * If IPOCSSADBBrowseSearchTopTableLeft exists it defines the top of the 
 * browser left section; similarly if IPOCSSADBBrowseSearchTopTableRight exists
 * it defines the buttons and options on the top right.
 */

#IPOCSSADBBrowseSearch {
    text-align: center;
}
table.IPOCSSADBBrowseSearch {
    width: 808px; 
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
P.IPOCSSADBBrowseSearch {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px; 
}

td.IPOCSSADBBrowseSearchTopTableLeft {
    vertical-align: top;
    text-align: left;
}

td.IPOCSSADBBrowseSearchTopTableRight {
    margin-right: 0px;
    margin-left: auto;
    vertical-align: top;
    text-align: right;
}


/******************************************************************************
 * IPOCSSADBPrefixList defines the style used to produce prefix lists in the 
 * browser. 
 *
 */

table.IPOCSSADBPrefixList {
    width: 98%; 
    margin-left: auto;
    margin-right: auto;
}
th.IPOCSSADBPrefixList {
    background: #BBBBBB;
}
td.IPOCSSADBPrefixList {
    background: #DDDDDD;
}
tr.IPOCSSADBPrefixList {
    height: 20px;
}

a.IPOCSSADBPrefixList { color: #1D394F; text-decoration: none; } 

/******************************************************************************
 * The IPOCSSADBPrefixList-PrefixType-NNNNN defines a style to be used by
 * prefix list lines of objects of the Network Address Type defined by NNN
 */

td.IPOCSSADBPrefixList-PrefixType-4294967295 	  {		background: #AACCBB; } /* FREE */
td.IPOCSSADBPrefixList-PrefixType-10		  {		background: #98AFC7; } /* ALLOCATION */
td.IPOCSSADBPrefixList-PrefixType-11		  {		background: #98AFC7; } /* Comm ALLOCATION */
td.IPOCSSADBPrefixList-PrefixType-12		  {		background: #98AFC7; } /* RD ALLOCATION */
td.IPOCSSADBPrefixList-PrefixType-13		  {		background: #98AFC7; } /* RT ALLOCATION */
td.IPOCSSADBPrefixList-PrefixType-14		  {		background: #98AFC7; } /* RO ALLOCATION */
td.IPOCSSADBPrefixList-PrefixType-300		  {		background: #C8B560; } /* BLOCK */
td.IPOCSSADBPrefixList-PrefixType-800		  {		background: #EEDDAA; } /* POOL */
td.IPOCSSADBPrefixList-PrefixType-700	          {		background: #CCCC99; } /* SUBNET */
td.IPOCSSADBPrefixList-PrefixType-710	          {		background: #CCCC99; } /* ISIS Area */
td.IPOCSSADBPrefixList-PrefixType-900	          {		background: #CCCC99; } /* P-P */
td.IPOCSSADBPrefixList-PrefixType-1002		  {		background: #8BB381; } /* LOOPBACK */
td.IPOCSSADBPrefixList-PrefixType-1000		  {		background: #B7CEEC; } /* HOST */
td.IPOCSSADBPrefixList-PrefixType-1001		  {		background: #B7CEEC; } /* HOST EUI-64 */
td.IPOCSSADBPrefixList-PrefixType-1010		  {		background: #B7CEEC; } /* MAC ADDRESS */
td.IPOCSSADBPrefixList-PrefixType-1020		  {		background: #B7CEEC; } /* AS NUMBER */
td.IPOCSSADBPrefixList-PrefixType-1030		  {		background: #B7CEEC; } /* VLAN NUMBER */
td.IPOCSSADBPrefixList-PrefixType-1040		  {		background: #B7CEEC; } /* NSAP NUMBER */
td.IPOCSSADBPrefixList-PrefixType-1045		  {		background: #C8B560; } /* ATM NUMBER */
td.IPOCSSADBPrefixList-PrefixType-1050		  {		background: #B7CEEC; } /* ISIS NUMBER */
td.IPOCSSADBPrefixList-PrefixType-1060		  {		background: #B7CEEC; } /* BGP COMM NUMBER */
td.IPOCSSADBPrefixList-PrefixType-1070		  {		background: #B7CEEC; } /* RD NUMBER */
td.IPOCSSADBPrefixList-PrefixType-1080		  {		background: #B7CEEC; } /* RT NUMBER */
td.IPOCSSADBPrefixList-PrefixType-1090		  {		background: #B7CEEC; } /* RO NUMBER */



/******************************************************************************
 * IPOCSSADBAddOrEditPrefix defines the style used in the address object editor
 * and aditor. 
 *
 * If defined, IPOCSSADBAddOrEditPrefixHostTableInputFree and 
 * IPOCSSADBAddOrEditPrefixHostTableInputUsed define colours for cells of 
 * free and used hosts under subnet editing.
 *
 * If defined, IPOCSSADBAddOrEditPrefixCSVImport defines the table cell that 
 * contains the instructions for CSV upload.
 *
 */
#IPOCSSADBAddOrEditPrefix {
    margin-left: 10px;
    margin-right: 10px;
}
td.IPOCSSADBAddOrEditPrefix {
    padding: 5px 5px 5px 5px;
}
th.IPOCSSADBAddOrEditPrefix {
    padding: 5px 5px 5px 5px;
    text-align: center;
    font-size: 12pt;
}
p.IPOCSSADBAddOrEditPrefix {
    text-align: center;
    font-size: 12pt;
}
a.IPOCSSADBAddOrEditPrefix {
    text-align: center;
    font-size: 8pt;
}

#IPOCSSADBAddOrEditPrefixCSVImport {
    font-size: 9pt;
}
table.IPOCSSADBAddOrEditPrefixCSVImport {
    margin-left: 10px; 
    width: 850px; 
}
th.IPOCSSADBAddOrEditPrefixCSVImport {
    background: #CCCCCC;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 5px 0px 5px;
}
td.IPOCSSADBAddOrEditPrefixCSVImport {
    font-size: 9pt;
}

input.IPOCSSADBAddOrEditPrefixCSVImport {
    margin-right: auto;
    text-align: center;
    margin-left: 300px; 
    margin-bottom: 10px;
}


input.IPOCSSADBAddOrEditPrefixHostTableInputFree {	background: #AACCBB; }
input.IPOCSSADBAddOrEditPrefixHostTableInputUsed {	background: #B7CEEC; }


/******************************************************************************
 * Network Registries
 *
 * The IPOCSSADBRegistries is used to format the whole Network Spaces manager 
 * section.
 *
 * The IPOCSSADBRegistryEditor and IPOCSSADBRegistriesTable are used to format
 * the network registries editor/aditor and table listing respectively.
 *
 * The IPOCSSADBRegistryLIRForm style is used to format the LIR form in the 
 * registry editor.
 */


#IPOCSSADBRegistries {
    padding: 5px 10px 5px 10px;
}

#IPOCSSADBRegistryEditor {  
    padding: 5px 10px 5px 10px;
}

td.IPOCSSADBRegistryEditor {	width: 150px;  padding: 5px 0px 5px 0px;}

td.IPOCSSADBRegistryLIRForm {	width: 150px; padding: 5px 0px 5px 0px;}

table.IPOCSSADBRegistriesTable {	
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
th.IPOCSSADBRegistriesTable {
    background: #BBBBBB;
    padding: 0px 5px 0px 5px; 
    text-align: left;
}
td.IPOCSSADBRegistriesTable {
    text-align: left;
    background: #98AFC7;
    padding: 0px 5px 0px 5px; 
    height: 20px;
}
a.IPOCSSADBRegistriesTable { color: #1D394F; text-decoration: none; } 

/******************************************************************************
 * Network Spaces
 *
 * The IPOCSSADBSpaces is used to format the whole Network Spaces manager 
 * section.
 *
 * The IPOCSSADBSpaceEditor and IPOCSSADBSpacesTable are used to format
 * the network spaces editor/aditor and table listing respectively.
 *
 * The IPOCSSADBSpaceIPForm style, if defined, is used to format the form
 * parts that xare displyed when editing/adding a space and IP is selected.
 */

#IPOCSSADBSpaces {
    padding: 5px 10px 5px 10px; 
}

#IPOCSSADBSpaceEditor { padding: 5px 10px 5px 10px; } 

td.IPOCSSADBSpaceEditor {	width: 200px; }

table.IPOCSSADBSpacesTable {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
th.IPOCSSADBSpacesTable {
    background: #BBBBBB;
    padding: 0px 5px 0px 5px;
    text-align: left;
}
td.IPOCSSADBSpacesTable {
    text-align: left;
    background: #98AFC7;
    padding: 0px 10px 0px 10px;
    height: 20px;
}
a.IPOCSSADBSpacesTable { color: #1D394F; text-decoration: none; } 

/******************************************************************************
 * Network Space Overview
 *
 * The IPOCSSADBOverview section is used to define the style for the Address 
 * Space Overview menu option.
 *
 * The IPOCSSADBOverviewTypeStatsTable style, if defined, is used to format the table 
 * stats table in the overview.
 */

#IPOCSSADBOverview { 
    padding: 5px 10px 5px 10px; 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
} 

P.IPOCSSADBOverview {
    text-align: center;
}

table.IPOCSSADBOverviewTypeStatsTable {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


th.IPOCSSADBOverviewTypeStatsTable {
    background: #CCCCCC;
    padding: 0px 10px 0px 10px;
    width: 120px; 
}
td.IPOCSSADBOverviewTypeStatsTable {
    background: #CCCCBB;
    padding: 0px 10px 0px 10px;
    width: 120px; 
}

/******************************************************************************
 * END of Network Address Database
 ******************************************************************************/

/******************************************************************************
 * WebAdmin CSS Styles
 ******************************************************************************/

/******************************************************************************
 * The IPOCSSWAWAL set of styles are used by the WebAdmin.ipo application to 
 * represent the Web Engine Access Log manager.
 * 
 * The IPOCSSWAWALRep style is a subset used only in the reports themselves.
 */ 

#IPOCSSWAWALRep {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.IPOCSSWAWALRep {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

table.IPOCSSWAWALRep {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

th.IPOCSSWAWALRep {
    background: #CCCCCC; 
    color: #1D394F;
    padding: 3px 5px 3px 5px; 
    font-size: 8pt;
    text-align: center;
}
td.IPOCSSWAWALRep { 
    background: #EEDDAA;
    padding: 3px 5px 3px 5px; 
    font-size: 8pt;
    text-align: left;
}

 

/******************************************************************************
 * End of WebAdmin CSS Styles
 ******************************************************************************/

/******************************************************************************
 * The IPOCSSDADM set of styles are used by the DomainAdmin.ipo application to 
 * represent the user database management functions.
 */ 
table.IPOCSSDADMList {
    margin-left: auto;
    margin-right: auto;
    width: 676px;
    text-align: center;
}

th.IPOCSSDADMList {
    background: #CCCCCC; 
    color: #1D394F;
    padding: 3px 5px 3px 5px; 
    font-size: 8pt;
    text-align: center;
    vertical-align: top;
}
td.IPOCSSDADMList { 
    background: #ECE5B6; 
    padding: 3px 10px 3px 10px; 
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}
a.IPOCSSDADMList {
    text-decoration: none;
}

/******************************************************************************
 * The IPOCSSWMHA set of styles are used by the WMHAdmin.ipo application to 
 * represent the web hosting management functions.
 */ 
table.IPOCSSWMHAList {
    margin-left: auto;
    margin-right: auto;
    width: 676px;
    text-align: center;
}

th.IPOCSSWMHAList {
    background: #CCCCCC; 
    color: #1D394F;
    padding: 3px 5px 3px 5px; 
    font-size: 8pt;
    text-align: center;
    vertical-align: top;
}
td.IPOCSSWMHAList { 
    background: #ECE5B6; 
    padding: 3px 10px 3px 10px; 
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}
td.IPOCSSWMHAListCell {
   font-size: 8pt;
}
a.IPOCSSWMHAList {
    text-decoration: none;
}

table.IPOCSSWMHAListAddWS {
   margin-left: 10px;
}
td.IPOCSSWMHAListAddWS {
   background: #FFFFFF;
   font-size: 8pt;
}
a.IPOCSSWMHAListAddWS {
   margin-left: 10px;
   text-decoration: none;
   font-size: 8pt;
}


/******************************************************************************
 * The IPOCSSDNSA set of styles are used by the DNSAdmin.ipo application to 
 * represent the DNS management functions.
 */ 
table.IPOCSSDNSAList {
    margin-left: auto;
    margin-right: auto;
    width: 676px;
    text-align: center;
}

th.IPOCSSDNSAList {
    background: #CCCCCC; 
    color: #1D394F;
    padding: 3px 5px 3px 5px; 
    font-size: 8pt;
    text-align: center;
    vertical-align: top;
}
td.IPOCSSDNSAList { 
    background: #ECE5B6; 
    padding: 3px 10px 3px 10px; 
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}
a.IPOCSSDNSAList {
    text-decoration: none;
}

/******************************************************************************
 * UDBAdmin CSS Styles
 ******************************************************************************/

/******************************************************************************
 * The IPOCSSUDBA set of styles are used by the UDBAdmin.ipo application to 
 * represent the user database management functions.
 */ 

table.IPOCSSUDBAList {
    margin-left: auto;
    margin-right: auto;
    width: 676px;
    text-align: center;
}

th.IPOCSSUDBAList {
    background: #CCCCCC; 
    color: #1D394F;
    padding: 3px 5px 3px 5px; 
    font-size: 8pt;
    text-align: center;
    vertical-align: top;
}
td.IPOCSSUDBAList { 
    background: #BBCCCC;
    padding: 3px 10px 3px 10px; 
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}
a.IPOCSSUDBAList {
    text-decoration: none;
}

table.IPOCSSUDBAGMList {
    margin-left: 24px;
    margin-right: auto;
    text-align: center;
}

th.IPOCSSUDBAGMList {
    background: #CCCCCC; 
    color: #1D394F;
    padding: 3px 5px 3px 5px; 
    font-size: 9pt;
    text-align: center;
    vertical-align: top;
}
td.IPOCSSUDBAGMList { 
    background: #BBCCCC;
    padding: 3px 10px 3px 10px; 
    font-size: 9pt;
    text-align: left;
    vertical-align: top;
}


/******************************************************************************
 * DHIS CSS Styles
 ******************************************************************************/

/******************************************************************************
 * The DHIS Web Control Panel DHISWCP
 ******************************************************************************/

#IPOCSSDHISWCP {
}

/* List of DHIS Hosts */
table.IPOCSSDHISWCPHL {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 800px;
    
}

a.IPOCSSDHISWCPHL {
    text-decoration: none;
}
th.IPOCSSDHISWCPHL { 
    background: #CCCCCC; 
    padding: 3px 20px 3px 20px; 
}
td.IPOCSSDHISWCPHL { 
    font-size: 11px;
    background: #ECE5B6;  
    padding: 3px 5px 3px 5px;
}
td.IPOCSSDHISWCPHLOFFLINE { font-size: 11px; background: #FFCC66; }
td.IPOCSSDHISWCPHLONLINE {  font-size: 11px; background: #99CC99; }

/******************************************************************************
 * The DHIS Registration Form
 ******************************************************************************/
#IPOCSSDHISR {
    margin-left: 20px;
    margin-right: 20px;
}

/******************************************************************************
 * Specific Web Page Styles
 ******************************************************************************/

/******************************************************************************
 * General Terms of Service Page Style
 */
td.IPOCSSWebGTS {
    padding: 3px 20px 3px 20px;
    width: 400px;
    font-size: 9pt;
}

/******************************************************************************
 * END of Web Page Styles
 ******************************************************************************/