/*  Margins go: top right bottom left */

body{
 background-color: #FFFFFF;
 font:13px Arial, Helvetica, sans-serif;
 color:#000000;
 margin: 0 auto;
 padding: 0;
}

/* Background */
#background{position:fixed; z-index:1; width:100%; height:100%;}
/* end of Background */

/* Wrapper */
#wrapper{
	position:absolute;
	z-index: 2;
	width: 100%;
}
/* end of Wrapper */

/* Wrapper_in */
#wrapper_in{
	position:static;
	width: 960px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#wrapper_in_bwmgr{
	position:static;
	width: 1630px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#wrapper_in_monitor{
	position:static;
	width: 1060px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* end of Wrapper_in */


#header{
	position:relative;
	width: 960px;
	height: 140px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #FFFFFF;
	font-size:30px; 
	font-weight:bold;
	font-style: italic; 
	border:solid 2px #000000;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#logo {
	width: 200px;
	height: 120px;
	margin: 10px 10px 10px 10px;
	float:left;
}

#logo_text {
	width: 500px;
	height: 80px;
	margin: 20px 0px 0px 80px;
	float:left;
}

#logo_twitter {
	width: 500px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#logo_ultra {
	position:absolute;
	top:0;
	right:0;
	width: 250px;
	height: 90px;
	margin: 10px 0px 0px 0px;
}

#logo_ripe {
	width: 100px;
	margin: 10px 0px 0 10px;
	float:left;
}

#logo_otelo {
	width: 100px;
	margin: 10px 0px 0 10px;
	float:right;
}

#top_menu{
	top:0;
	width: 920px;
	padding-right: 40px;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #FFFFFF;
	border:solid 2px #000000;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#top_menu_rb{
	top:0;
	width: 920px;
	padding-right: 40px;
	height: 30px;
	margin: 0 auto;
	background: #FFFFFF;
	border-top-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-color: #000000;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 
}

#top_menu_rb_2nd{
	top:0;
	width: 850px;
	padding-right: 110px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #929230;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-color: #000000;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-color: #000000;
	border-top-style:solid;
	border-top-width: 2px;
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
}

#top_menu_cp_2nd{
	top:0;
	width: 800px;
	padding-right: 160px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #929230;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-color: #000000;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-color: #000000;
	border-top-style:solid;
	border-top-width: 3px;
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
}


#top_menu_cp_2nd_staff{
	top:0;
	width: 800px;
	padding-right: 160px;
	height: 20px;
	margin: 0 auto;
	background: #929230;
	border-left-style:solid;
	border-right-style:solid;
	border-color: #000000;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-color: #000000;
	border-top-style:solid;
	border-top-width: 3px;
	border-radius: 0px 0px 0px 0px; 
	-moz-border-radius: 0px 0px 0px 0px; 
	-webkit-border-radius: 0px 0px 0px 0px; 
}


#top_menu_cp_3rd{
	top:0;
	width: 950px;
	padding-right: 10px; /* Needs to total 960 with width above */
	height: 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #FFFFFF;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-color: #000000;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-color: #000000;
	border-top-style:solid;
	border-top-width: 3px;
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
}


#top_menu_eq_2nd{
	top:0;
	width: 670px;
	padding-right: 290px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #929230;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-color: #000000;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-color: #000000;
	border-top-style:solid;
	border-top-width: 3px;
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
}

/* ---------------------- top menu items ---------------------- */
#t_menu_item{ 
	position:relative;
	display:inline;
	height:30px;
	font-size:16px; 
	font-weight:100; 
}
#t_menu_item ul{margin:0 25px 0 0;padding:0;list-style-type:none;width:auto;}
#t_menu_item ul li{display:inline;float:right;margin:0 0px 0 0;border-right:solid 3px #929230; }
#t_menu_item ul li a{display:inline;float:left; color:#000000;font-size:14px; font-weight: bold; text-decoration:none;padding:10px 10px 0 10px;height:20px;}
#t_menu_item ul li a:hover,#t_menu_item ul li a.current{color:#FFFFFF;background-color:#929230; }

/* ---------------------- END top menu items ---------------------- */

/* ---------------------- top menu items 2nd level ---------------------- */
#t_menu_2nd_item{ 
	position:relative;
	display:inline;
	height:20px;
	font-size:16px; 
	font-weight:100; 
}
#t_menu_2nd_item ul{margin:0 25px 0 0;padding:0;list-style-type:none;width:auto;}
#t_menu_2nd_item ul li{display:inline;float:right;margin:0 0px 0 0;border-right:solid 1px #FFFFFF; }
#t_menu_2nd_item ul li a{display:inline;float:left; color:#FFFFFF;font-size:14px; text-decoration:none;padding:2px 10px 0 10px;height:18px;}
#t_menu_2nd_item ul li a:hover,#t_menu_2nd_item ul li a.current{color:#686840;background-color:#FFFFFF; }

/* ---------------------- END top menu items 2nd level ---------------------- */

/* ---------------------- top menu items 3rd level ---------------------- */
#t_menu_3rd_item{ 
	position:relative;
	display:inline;
	height:20px;
	font-size:16px; 
	font-weight:100; 
}
#t_menu_3rd_item ul{margin:0 25px 0 0;padding:0;list-style-type:none;width:auto;}
#t_menu_3rd_item ul li{display:inline;float:right;margin:0 0px 0 0;border-right:solid 3px #929230; }
#t_menu_3rd_item ul li a{display:inline;float:left; color:#000000;font-size:14px; font-weight: bold; text-decoration:none;padding:2px 10px 0 10px;height:18px;}
#t_menu_3rd_item ul li a:hover,#t_menu_3rd_item ul li a.current{color:#FFFFFF;background-color:#929230; }

/* ---------------------- END top menu items 3rd level ---------------------- */

#main_body{
	width: 940px;
	min-height: 735px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
	background: #929230;
	color: #484828;
	border:solid 2px #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#main_body_2{
	width: 940px;
	min-height: 590px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
	background: #929230;
	color: #484828;
	border:solid 2px #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#main_body_thin{
	position:relative;
	width: 950px;
	min-height: 600px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 5px;
	background: #929230;
	color: #484828;
	border:solid 2px #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#main_body_thin_monitor{
	position:relative;
	width: 1150px;
	min-height: 600px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 5px;
	background: #929230;
	color: #484828;
	border:solid 2px #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#main_body_thin_bwmgr{
	position:relative;
	width: 1620px; /* based on overall width of 1630 less padding on both sides*/
	min-height: 600px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 5px;
	background: #929230;
	color: #484828;
	border:solid 2px #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.main_inner{
	width: 920px;
	min-height: 570px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
	background: #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.main_inner_thin{
	width: 930px;
	min-height: 580px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 10px;
	background: #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.main_inner_thin_monitor{
	width: 1130px;
	min-height: 580px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 10px;
	background: #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.main_inner_thin_bwmgr{
	width: 1600px; /* based on overall width of 1630 less padding on both sides*/
	min-height: 580px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 10px;
	background: #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.main_inner_c_1_2{
	position:absolute;
	width: 415px;
	height: 540px;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 30px;
	background: #FFFFFF;
	color: #666666;
	font-size:14px; 
	border-radius: 5px 0px 0px 5px ; 
	-moz-border-radius: 5px 0px 0px 5px ; 
	-webkit-border-radius: 5px 0px 0px 5px ; 
}

.main_inner_c_2_2{
	position:relative;
	left: 238px;
	width: 415px;
	height: 540px;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 30px;
	background: #FFFFFF;
	color: #666666;
	font-size:14px; 
	border-radius: 0px 5px 5px 0px ; 
	-moz-border-radius: 0px 5px 5px 0px ; 
	-webkit-border-radius: 0px 5px 5px 0px ; 
}

.main_left{
	width: 780px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
	float:left;
	vertical-align: middle;
	background: #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.main_right{
	width: 780px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
	float:right;
	background: #FFFFFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.yellow_centre{
	width: 780px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 10px;
	border:solid 2px #000000;
	padding: 10px;
	float:center;
	vertical-align: middle;
	background: #FFFF00;
	color: #000000;
	font: 24px Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.offer_black{
	font: 18px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:36px;
	}
	
/* ---------------------- START offer_comp ---------------------- */
#offer_comp{

	background: #E0FFFF;
	padding: 2px;
	border:solid 1px #000000;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#offer_comp table{
	font: 14px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

#offer_comp td{
	padding: 0 0.5em;
}

#offer_comp th{
	background: #FF0;
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	padding: 0 0.5em;
	vertical-align: bottom;
	text-align: left;
	font-weight:bold;
}

#offer_comp th.green{
	background: #080;
	color: #FF8;
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	padding: 0 0.5em;
	vertical-align: bottom;
	text-align: left;
	font-weight:bold;
}

/* ---------------------- END offer_comp ---------------------- */

.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #3C3831;
	line-height:36px;
	letter-spacing:.21em;
	}
	

img.floatLeft { 
    float: left;
	margin-right:25px;
	opacity: 1.0;
}

img.floatLeft:hover{ 
    float: left;
	margin-right:25px;
	opacity: 0.5;
}

img.floatLeft_no_hover { 
    float: left;
	margin-right:25px;
	opacity: 1.0;
}

img.floatRight_no_hover { 
    float: right;
	margin-left: 25px;
	opacity: 1.0;
}

img.in_centre {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.our_network {
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #929230;
	margin-left: auto;
	margin-right: auto;
}

#footer{
	position:relative;
	width: 960px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #FFFFFF;
	border:solid 2px #000000;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#footer_menu{
	width: 760px;
	height: 80px;
	margin: 0 auto;
	padding: 30px;
	text-align: center;
	color:#686840;
	font-size:12px; 
	font-weight:normal;
}

#footer_menu a{
	color:#686840;
}

.profileHeader{
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #3C3831;
	color:#D5EDB3;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:8px 6px 10px 20px;
	}
	
.profileParam {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #A0A078;
	color:#000000;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:8px 6px 10px 20px;
	}

.profileParam2 {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #A0A078;
	color:#000000;
	line-height:12px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:4px 6px 4px 20px;
	}

.profileValue {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color:#000000;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:8px 6px 10px 20px;
	}

.profileValue2 {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color:#000000;
	line-height:12px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:4px 6px 4px 20px;
	}

.usageHeader{
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #3C3831;
	color:#D5EDB3;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}
	
.usageParam {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #A0A078;
	color:#000000;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}

.usageValue {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color:#000000;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}

.usageValue2 {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #EEEEEE;
	color:#000000;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}

.monitorValue {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color:#000000;
	line-height:10px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}

.monitorValueAlt {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFDD;
	color:#000000;
	line-height:10px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}

.monitorValueGrey {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color:#FF8888;
	line-height:10px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}

.monitorValueAltGrey {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFDD;
	color:#FF8888;
	line-height:10px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}

.monitorAlertValue {
	border-style:solid;
	border-width:1px;
	border-color:white;
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFF00;
	color:#000000;
	line-height:10px;
	letter-spacing:.1em;
	text-decoration: none;
	padding:2px 4px 2px 4px;
	}

/* ----------- Just Button Form ----------- */
.just_button{

display: inline;
}

/* ----------- Enquiry Form White----------- */
.formPortal{

width:475px;
padding:20px;
}

/* ----------- Enquiry Form White Background Left----------- */
#formPortalStyle{
}
#formPortalStyle h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#formPortalStyle p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#formPortalStyle label{
display:block;
font-weight:bold;
text-align:right;
width:150px;
float:left;
}
#formPortalStyle .labelfull{
display:block;
font-weight:bold;
text-align:center;
width:475px;
float:left;
height: 20px;
}
#formPortalStyle .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:150px;
}
#formPortalStyle textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:270px;
margin:2px 0px 20px 10px;
height: 140px;
}
#formPortalStyle textarea:focus, #formPortalStyle input:focus {
	border: 2px solid #900;
}
#formPortalStyle input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:270px;
margin:2px 0 20px 10px;
}
#formPortalStyle button{
clear:both;
margin-left:266px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
/*---------- end of form white left ----------*/

/* ---------------------- START Miso config ---------------------- */
#config{

}

#config .small{
color:#000000;
font-size:10px;
font-weight:normal;
}

#config table{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 850px;
}

#config td{
	padding: 0 0.5em;
	width: 150px;
}

#config th{
	background: #FFC;
	border-top: 12px solid #FFFFFF;
	border-bottom: 1px solid #FB7A31;
	padding: 0 0.5em;
	width: 150px;
	vertical-align: bottom;
	text-align: left;
	font-weight:bold;
}

#config input{
font-size:12px;
padding:0px 0px 0px 2px;
border:solid 1px #aacfe4;
background:#e0faf4;
width:275px;
margin:2px 0 2px 0px;
}

#config input.short{
font-size:12px;
padding:0px 0px 0px 2px;
border:solid 1px #aacfe4;
background:#e0faf4;
width:75px;
margin:2px 0 2px 0px;
}

#config .radio{
width:20px;
color: #686840;
}

#config textarea:focus, #config input:focus, #config select:focus {
	border: 2px solid #900;
}

#config select{
font-size:12px;
padding:0px 0px 0px 2px;
border:solid 1px #aacfe4;
background:#e0faf4;
margin:2px 0 2px 0px;
}

#config button{
clear:both;
height:25px;
margin-top: 0px;
background:#46ac4d url(img/button.png) no-repeat;
line-height:20px;
font-size:12px;
}
/* ---------------------- END Miso config ---------------------- */

.monitor{
}

.monitor button{
clear:both;
height:25px;
width:75px;
margin-top: 0px;
background:#46ac4d url(img/button.png) no-repeat;
line-height:20px;
font-size:12px;
}

.monitor_centre{
margin-left: 300px;

}

.monitor_centre button{
clear:both;
height:25px;
width:75px;
margin-top: 0px;
background:#46ac4d url(img/button.png) no-repeat;
line-height:20px;
font-size:12px;
}

.selected{
clear:both;
height:27px;
margin-top: 0px;
background:#ccFFFF;
line-height:16px;
font-size:12px;
}

.not_selected{
clear:both;
height:27px;
margin-top: 0px;
background:#dddddd;
line-height:16px;
font-size:12px;
}

.not_selected_small{
width:30px;
height:18px;
margin: 0 auto;
background:#dddddd;
line-height:12px;
font-size:10px;
}