/******************************************************************************
 * Standard CSS Styles
 * (c) 2013 Haversine Ltd
 * 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: 'Source Sans 3', 'Open Sans', 'lucida grande', verdana, geneva, helvetica, arial, sans-serif;
*/
	font-family: 'Open Sans', 'lucida grande', verdana, geneva, helvetica, arial, sans-serif;
	font-weight: 100;
	font-size: 12pt;
	color: #303030; 	/* 232448 */
	background:#FFFFFF url(../images/bg.png) repeat-x;
	line-height: 20px;
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

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

a img {
	/* border:none; */
  border-radius: 6px;
}

img {
  border-radius: 6px;
}

a {
    color: #303030;	/* 232448 */
    /* text-decoration: none; */
    text-decoration: underline;

}

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

.btn-link {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color: #303030;
    padding: 0;
    text-decoration: underline;
    font-family: inherit;
    font-size: 8pt;
}


/******************************************************************************
 *
 * 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: 0px;
	color: #303030;
	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:#303030;
	text-decoration: underline;
}
#IPOCSSLogo {
	display:block;
	background:url(/images/haversine-logo.svg) no-repeat;
	background-position: left bottom;
	height: 300px;
	/* margin-left: -63px; */
}

/******************************************************************************
 * 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: 'Open Sans', 'lucida grande', verdana, geneva, helvetica, arial, sans-serif;
	font-weight: 100;
	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: 'Open Sans', 'lucida grande', verdana, geneva, helvetica, arial, sans-serif;
	font-weight: 100;
	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: 'Open Sans', 'lucida grande', verdana, geneva, helvetica, arial, sans-serif;
	font-weight: 100;
	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: #303030;
	background:url(../images/sub-menu-indent.gif) no-repeat bottom;
}
#IPOCSSHSMenuInactive a {
	font-family: 'Open Sans', 'lucida grande', verdana, geneva, helvetica, arial, sans-serif;
	font-weight: 100;
	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: #303030;
}

/******************************************************************************
 * 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: #FFFFFF;
}
#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: 11pt;
}


/******************************************************************************
 * 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: #555555;
	text-decoration:none;
}
#IPOCSSVMenuInactive a:hover {
	color: #303030;
	text-decoration:none;
}
#IPOCSSVMenuActive a {
	color: #FFFFFF;
	text-decoration:none;
}
#IPOCSSVMenuActive a:hover {
	color: #FFFFFF;
	text-decoration:none;
}


/******************************************************************************
 * 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: 11pt;
	width: 600px;			/* was: 500px */
	text-align: center;
}

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

#IPOCSSError h2 {
	margin-top: 10px;
	font-size: 11pt;
	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: 11pt;
	width: 500px;			/* was: 500px */
	text-align: center;
}

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

#IPOCSSStatus h2 {
	margin-top: 10px;
	font-size: 11pt;
	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;
	text-align: left;
}
#IPOCSSFooter a {
}

#IPOCSSFooterWrap {
	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;
	font-size: 11pt;
}



#IPOCSSDBList {
    	font-size: 11pt;
	background: #EEEEEE;
        padding: 20px 20px 20px 20px;
        border-radius: 1px;
}

table.IPOCSSDBListWide {
	width: 858px;		/* Was 898 */
	border-collapse: collapse;
}

table.IPOCSSDBListNarrow {
	width: 668px; /* Was 708 */
	border-collapse: collapse;
}

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


#IPOCSSDBList th {

   	text-align:left;
	font-size: 9pt;
       	background: #708090;
	color:#FFFFFF;
        padding: 6px 6px 6px 6px;

}


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

tr.IPOCSSDBListOddRow {
	background: #DDEEDD;
}
tr.IPOCSSDBListEvenRow {
	background: #DDDDEE;
}

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: #EED888;
}


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


#IPOCSSDBRec {
	font-size: 9pt;
	text-align: left;
	padding: 20pt;
	background: #EEEEEE;
        border-radius: 1px;
}
#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: 11pt;
	text-align: left;
}


/******************************************************************************
 * 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: #232448;
	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: #232448;
}
td.IPOCSSNRCPListAction {
	width: 190px;	/* Auto-padding of 20px to the right with this size */
}


#IPOCSSNRCPList th {
	text-align:left;
	color: #232448;
	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: #232448;
	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;
}



.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: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: FFFFFF9;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
}


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


#IPOCSSRegister {
	background: #BBCCDD;
	border: 2px solid #AABBCC;
	padding: 20px 20px 20px 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11pt;
	width: 400px;
	text-align: left;
}

#IPOCSSRegister p {
	text-align: center;
	font-size: 11pt;
}

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

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

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




#IPOCSSForum  {
	font-size: 11pt;
	width: 850px;
	background: #EEEEEE;
	padding: 10px 20px 30px 20px;
	border-radius: 1px;
}

#IPOCSSForum tr {
}
#IPOCSSForum p {
}
#IPOCSSForum form {
}

#IPOCSSForum table {
	width: 100%;
}
tr.IPOCSSForumRowEven {
/*	background: #DDEEFD; */
	background: #DDEEDD;
}
tr.IPOCSSForumRowOdd {
/*	background: #EEDDBB; */
	background: #DDDDEE;
}

#IPOCSSForum th {
	background: #708090;
	color: #FFFFFF;
	padding: 10px 20px 10px 20px;
}
#IPOCSSForum td {
	padding: 10px 20px 10px 5px;
}

#IPOCSSForumPost
{
	font-size: 11pt;
	width: 810px;
	/* background: #CFDDDD; */
	/* 	background: #EEDDBB; */
	/* background: #DDEEDD; */
	/* background: #C1D5EF; */
	background: #DDDDEE;
	padding: 20px 20px 5px 20px;
	border-radius: 1px;
}