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

@charset "UTF-8";

/******************************************************************************
 * 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.
 */ 

 
html, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, fieldset, table, textarea, input { 
	margin: 0;
	padding: 0;
}

body {
	font-family: 'lucida grande', verdana, geneva, helvetica, arial, sans-serif;
	font-size: 11pt;
	color: #464646; 
	background:#4d4d4d url(../images/bg.gif) repeat-x; 
	line-height: 20px;
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

pre {
	font-family: 'lucida grande', verdana, geneva, helvetica, arial, sans-serif; 
	margin: 0;
	padding: 0; 
}

a img {
	border:none;
}

a {
    color: #464646;
    text-decoration: none;
}

form {	margin-top: auto;
        margin-bottom: auto; 
}


/******************************************************************************
 *                                                                            
 * This section provides a set of IP Objects CSS styles which are be used by  
 * IPO programs to achieve certain pre-defined standard purposes. 
 */
 
 /******************************************************************************
 * The IPOCSSHeader section is used to define how the header of every page looks
 * like.
 */ 


#IPOCSSHeader { 
	height:170px;
}

.IPOCSSAreaContainer {
	width:900px;
	margin:auto;
}

#IPOCSSHeaderInfo {
	position:relative;
}

#IPOCSSHeaderInfoText {
	position:absolute; 
	right:1px;
	top: 10px;
	color: #CCCCCC;
	text-decoration:none;
	text-align: right;
	margin-right: 0px;
}
#IPOCSSHeaderInfoText td {
	height: 100px;
	vertical-align: bottom;
}
#IPOCSSHeaderInfoText p  { 
	text-align: right;
	font-size: 8pt; 
	margin: 0px; 
}

#IPOCSSHeaderInfoText a  { 
	text-align: right;
	font-size: 8pt; 
	color:#CCCCCC;
	text-decoration: underline;
}
#IPOCSSLogo {
	display:block;
	background:url(../images/logo.gif) no-repeat;
	width:345px;
	height:120px;
}

/******************************************************************************
 * The IPOCSSLogin is used to format the web login box.
 */ 
#IPOCSSLogin {
	text-align: right; 
	font-size: 9pt;
}
#IPOCSSLogin td {
	height: 0px;
}

/******************************************************************************
 * 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 {
	position:absolute;
	top: 115px;
	z-index:9999; 
	display:block;
	height:60px;
}


#IPOCSSHMenu li {
	list-style:none;
	float:left;
}

#IPOCSSHMenu li a {

}

#IPOCSSHMenuInactive a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	line-height:65px;
	color:#DDDDDD;
	text-decoration:none;
	display:block;
	float:left;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
}

#IPOCSSHMenuActive a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	line-height:65px;
	text-decoration:none;
	display:block;
	float:left;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	/* color:#EADB2A; */
	color:#FFFFFF;
	background:url(../images/menu-indent.gif) no-repeat bottom;
	z-index:9999;
}


#IPOCSSHMenu li a:hover, #IPOCSSHMenu li a.active {
	background:url(../images/menu-indent.gif) no-repeat bottom;
	z-index:9999;
	color: #FFFFFF;
}

/******************************************************************************
 * 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.
 */ 

#IPOCSSHSMenuWrap {
	background:url(../images/sub-menu-bg.gif) repeat-x; 
	/* height: 70px; */
}


#IPOCSSHSMenu {
	z-index:9000;
	margin:0 0 0 10px;
	overflow:hidden;
}
#IPOCSSHSMenu li {
	display:inline;
}

#IPOCSSHSMenuActive a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-decoration:none;
	line-height:50px;
	display:block;
	float:left;
	height:60px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
	color: #444444;
	background:url(../images/sub-menu-indent.gif) no-repeat bottom;
}
#IPOCSSHSMenuInactive a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-decoration:none;
	line-height:50px;
	display:block;
	float:left;
	height:60px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
	color: #666666;
}

#IPOCSSHSMenu li a:hover, #sub-menu li a.active {
	background:url(../images/sub-menu-indent.gif) no-repeat bottom;
	color: #444444;
}

/******************************************************************************
 * The IPOCSSBody class is a super set of IPOHSMenu, IPOCSSContext and IPOCSSMenu 
 * in that it includes all 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-bottom: 20px;
	min-width: 900px;
	background: #DDDDDD;
}
#IPOCSSBody td {
	vertical-align: top;
}
td.IPOCSSBodyLeftCol {
	width: 150px; 
	
}
td.IPOCSSBodyRightCol {
	width: auto; 
}




/******************************************************************************
 * The IPOCSSContext class defines the style used in the main body of every 
 * page or application. It is the core central display area.
 */ 
#IPOCSSContext {
    margin-top: 40px; 
    text-align: left;
    font-size: 10pt;
}


/******************************************************************************
 * The IPOCSSVMenu class is used to define how the vertical menu bar  
 * looks like. 
 */ 
#IPOCSSVMenu {
	font-size: 11pt;
	margin-right: 20px; 
	margin-top: 40px; 

}

#IPOCSSVMenuInactive li {
	list-style:none;
	float:left;
	background:url(../images/bg_menu_entries.jpg) repeat-x;
	height: 34px;
	padding-left: 20px;
	padding-top: 7px;
	padding-right: 20px;
	width: 100px;
	
}
#IPOCSSVMenuActive li {
	list-style:none;
	float:left;
	background:url(../images/bg_menu_head.jpg) repeat-x;
	height: 34px;
	padding-left: 20px;
	padding-top: 7px;
	padding-right: 20px;
	width: 100px;
}

#IPOCSSVMenuInactive a {
	color: #666666;
}
#IPOCSSVMenuInactive a:hover {
	color: #444444;
}
#IPOCSSVMenuActive a {
	color: #FFFFFF;
}
#IPOCSSVMenuActive a:hover {
	color: #FFFFFF;
}


/******************************************************************************
 * 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 {

	background: #FFCC66;
	border: 2px solid #d0a050;
	padding: 0px 20px 0px 20px;
	margin-top: 20px;
	margin-bottom: 20px; 
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
	width: 500px;			/* was: 500px */ 
	text-align: center;
	font-size: 10pt;
}

#IPOCSSError p {
	text-align: center;
	font-size: 10pt;
}

#IPOCSSError h2 {
	margin-top: 10px;
	font-size: 10pt;
	text-align: left;
}

#IPOCSSError li {
  list-style: square; 
  margin-left: 40px;
  text-align: left;
}

#IPOCSSError ul {
	margin-bottom: 10px;
}




/* Rewrite of Rails fieldWithErrors - see environment.rb in config) */
.IPOCSSFieldWithErrors {
  padding: 2px;
  background-color: #FFCC66; 
  display: table;
}


#IPOCSSStatus {
	background: #BBCCDD;  
	border: 2px solid #AABBCC;
	padding: 0px 20px 0px 20px;
	margin-top: 20px;
	margin-bottom: 20px; 
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
	width: 500px;			/* was: 500px */ 
	text-align: center;
	font-size: 10pt;
}

#IPOCSSStatus p {
	text-align: center;
	font-size: 10pt;
}

#IPOCSSStatus h2 {
	margin-top: 10px;
	font-size: 10pt;
	text-align: left;
}

#IPOCSSStatus li {
  list-style: square; 
  margin-left: 40px;
  text-align: left;
}

#IPOCSSStatus ul {
	margin-bottom: 10px;
}









/******************************************************************************
 * The IPOCSSFooter class is used to define how the footer of every page looks
 * like. 
 */ 
 
 
#IPOCSSFooter {
	font-size: 8pt;
	min-width: 900px;
	color: #CCCCCC;
	text-align: left;
}
#IPOCSSFooter a {
	color: #CCCCCC;
}

#IPOCSSFooterWrap {
	background:url(../images/bg_footer.gif) repeat-x; 
	height: 100px;
}
	
.IPOCSSFooterContainer {
	line-height: 36px;
	width: 900px; 
	margin:auto;
}



/******************************************************************************
 * The IPOCSSDBList is used by the IP Objects web framework to classify all 
 * database list tables. The IPOCSSDBList2 is used in certain parts of the 
 * list that have no decoration. 
 * 
 * The IPOCSSDBRec is used by the IP Objects web framework to classify the
 * database object editor and additor auto menus.
 */ 


#IPOCSSDBListHeader {
	text-align: left;
	padding: 20px;
	font-size: 10pt;
}



#IPOCSSDBList {
    font-size: 10pt;
    padding-bottom: 20px;
}

table.IPOCSSDBListWide {
	width: 898px;
	border-collapse: collapse;
}

table.IPOCSSDBListNarrow {
	width: 708px;
	border-collapse: collapse;
}

table.IPOCSSDBListAuto table {
    width:auto;
    border-collapse: collapse;
}


#IPOCSSDBList th {
   	text-align:left;
	color: #464646;
	font-size: 9pt;
	background-color: #D1D7D9;
	padding: 3px 6px 3px 6px;
}


#IPOCSSDBList td { 
	margin: 0px;
	padding: 0px 6px 0px 6px;
	font-size: 9pt;
   	text-align:left;
}


td.IPOCSSDBListPad {	/* A class to insert empty cells with padding on the left and right */
	width: 20px;
}

#IPOCSSDBList a {
    text-decoration: none;
}

tr.IPOCSSDBListActiveRow {
	background: #DDDDCC;
}


#IPOCSSDBNewObj td {
	text-decoration: none;
	font-weight: normal;
	font-size: 9pt;
}


#IPOCSSDBRec {
	font-size: 9pt;
	padding: 20px;
	text-align: left;
}
#IPOCSSDBRec td {
	font-size: 9pt;
	text-align: left;
	padding: 3px 9px 3px 9px;
}
#IPOCSSDBRec th {
	font-size: 9pt;
	text-align: left;
	padding: 3px 9px 3px 9px;
}

#IPOCSSDBRec p {
	font-size: 10pt;
	text-align: left;
}


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


/******************************************************************************
 * The IPOCSSNRC set of styles is used in the IP Objects NRC module *
 *****************************************************************************/
#IPOCSSNRCBrowserHeader {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
/*	width: 898px; */
	padding: 20px;
}

#IPOCSSNRCBrowserHeader table {
	width: 858px;
	
}

/* The option bars in the NRC browser */
#IPOCSSNRCBrowserHeaderOpt a {
	color: #464646;
	font-size: 8pt;
	text-decoration: underline;
}
#IPOCSSNRCBrowserHeaderOpt a:hover {
	color: #222222;
}


/* The address list */
#IPOCSSNRCPList table {
	border-collapse: collapse;
	width: 898px;
}

/* The address part of each row with a sub-table */
#IPOCSSNRCPListAddr table { 
	width: 100%;

}

/* The action items style */
a.IPOCSSNRCPListAction {
	color: #464646;
}
td.IPOCSSNRCPListAction {
	width: 190px;	/* Auto-padding of 20px to the right with this size */
}


#IPOCSSNRCPList th {
	text-align:left;
	color: #464646;
	font-size: 8pt;
	background-color: #D1D7D9;
	padding: 3px 6px 3px 6px;
   	text-align:left;
}

#IPOCSSNRCPList td { 
	margin: 0px;
	padding: 0px 6px 0px 6px;
	font-size: 8pt;
   	text-align:left;
}

#IPOCSSNRCPList a {
    text-decoration: none;
}

.IPOCSSNRCPList_4294967295 { color: #447755; } /* FREE */
.IPOCSSNRCPList_10     	  { color: #000066; } /* ALLOCATION */
.IPOCSSNRCPList_11 	  { color: #000066; } /* Comm ALLOCATION */
.IPOCSSNRCPList_12 	  { color: #000066; } /* RD ALLOCATION */
.IPOCSSNRCPList_13 	  { color: #000066; } /* RT ALLOCATION */
.IPOCSSNRCPList_14 	  { color: #000066; } /* RO ALLOCATION */
.IPOCSSNRCPList_300 	  { color: #666699; } /* BLOCK */
.IPOCSSNRCPList_310 	  { color: #666699; } /* ROUTE */
.IPOCSSNRCPList_800 	  { color: #666600; } /* POOL */
.IPOCSSNRCPList_700       { color: #996600; } /* SUBNET */
.IPOCSSNRCPList_710       { color: #996600; } /* ISIS Area */
.IPOCSSNRCPList_900       { color: #996600; } /* P-P */
.IPOCSSNRCPList_1002	  { color: #006666; } /* LOOPBACK */
.IPOCSSNRCPList_1000 	  { color: #516886; } /* HOST */
.IPOCSSNRCPList_1001 	  { color: #516886; } /* HOST EUI-64 */
.IPOCSSNRCPList_1010  	  { color: #516886; } /* MAC ADDRESS */
.IPOCSSNRCPList_1020 	  { color: #516886; } /* AS NUMBER */
.IPOCSSNRCPList_1030 	  { color: #516886; } /* VLAN NUMBER */
.IPOCSSNRCPList_1040 	  { color: #516886; } /* NSAP NUMBER */
.IPOCSSNRCPList_1045 	  { color: #666699; } /* ATM NUMBER */
.IPOCSSNRCPList_1050 	  { color: #516886; } /* ISIS NUMBER */
.IPOCSSNRCPList_1060 	  { color: #516886; } /* BGP COMM NUMBER */
.IPOCSSNRCPList_1070 	  { color: #516886; } /* RD NUMBER */
.IPOCSSNRCPList_1080 	  { color: #516886; } /* RT NUMBER */
.IPOCSSNRCPList_1090 	  { color: #516886; } /* RO NUMBER */

/* Styles for the additor */
table.IPOCSSNRCEditor {
	width: 854px;
}
#IPOCSSNRCEditorC1 th {
	width: 130px;
}
#IPOCSSNRCEditorC2 td {
	width: 594px;
}


/* The list of subnet hosts in the prefix additor */
#IPOCSSNRCPHL table { 
    border: none;
    padding: 0px;
    text-align: left;
    width: 98%; 
    border-collapse: collapse;
    margin-top: 20px;
}
th.IPOCSSNRCPHL {
	text-align:left;
	color: #464646;
	font-size: 8pt;
	background-color: #D1D7D9;
	padding: 3px 6px 3px 6px;
}

td.IPOCSSNRCPHL {
	text-align:left;
	padding: 3px 6px 3px 6px;
	font-size: 8pt;
}

input.IPOCSSNRCPHLFREE {	background: #AACCBB; }
input.IPOCSSNRCPHLUSED {	background: #B7CEEC; }

input.IPOCSSNRCPHLOK {	background: #B7CEEC; }
input.IPOCSSNRCPHLNOK {	background: #FFCC66; }
td.IPOCSSNRCPHLOK {	color: #447755; }
td.IPOCSSNRCPHLNOK {	color: #996600; }


/*****************************************************************************
 * Round corners area code 
 *****************************************************************************/
 
#IPOCSSRCArea h1, #IPOCSSRCArea h2, #IPOCSSRCArea p {
	margin:0 10px;
	letter-spacing:1px;
	padding:0;
}
	
#IPOCSSRCArea h1 {
	font-size:2.5em;
	color:#fff;
}

#IPOCSSRCArea h2 {
	font-size:2em;
	color:#999999;
	border:0;
}

#IPOCSSRCArea p {
	padding-bottom:0.5em;
	}
	
#IPOCSSRCArea h2 {
	padding-top:0.5em;
	}
	
#IPOCSSRCAreaWide {
	background: transparent;
	width: 900px;
	margin-top: 25px;
	margin-bottom: 100px;
}
#IPOCSSRCAreaNarrow {
	background: transparent;
	width: 710px;
	margin-top: 25px;
	margin-bottom: 100px;
}


.IPOCSSRCAreaTop, .IPOCSSRCAreaBottom {
	display:block;
	background:transparent;
	font-size:1px;
	}
	
.IPOCSSRCBox1, .IPOCSSRCBox2, .IPOCSSRCBox3, .IPOCSSRCBox4 {
	display:block;
	overflow:hidden;
	}
	
.IPOCSSRCBox1, .IPOCSSRCBox2, .IPOCSSRCBox3 {
	height:1px;
}

.IPOCSSRCBox2, .IPOCSSRCBox3, .IPOCSSRCBox4 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-color:  #F0F0F0; /* #f90; */
	}
	
.IPOCSSRCBox1 {
	margin:0 5px;
	background-color: #999999;
}

.IPOCSSRCBox2 {
	margin:0 3px;
	border-width:0 2px;
}

.IPOCSSRCBox3 {
	margin:0 2px;
}
.IPOCSSRCBox4 {
	height:2px;
	margin:0 1px;
}

.IPOCSSRCAreaContent {
	display:block;				/* Overall BG-Color ****/
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #F0F0F0;
}


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