/*
	CSS For Telnet Website www.telnet.co.nz

	Developed by Brendon Hogan
*/



html
{
    margin:0pt;
    padding:0pt;
    	background-color:#FAFAFA;
}
form 
{
    margin:0pt;
    padding:0pt;
  
    
}
body 
{
    margin:0pt;
    padding:0pt;    
    color: #696969;
	font-family: Tahoma, Arial, helvetica, Sans-Serif;
	font-size:small;
}

h2
{
	color:#002d70;
	font-size:medium;
	font-weight:bold;	
}

h3
{
	font-size:medium;
	font-weight:bold;	
}

h4
{
	font-size:small;
	font-weight:bold;
	margin-bottom:0px;
	
}


a:link
{
	color:#002d70;
}

a:visited { 
	/*color: #9FB6CD;*/
	color: #6C7B8B;
	}
a:hover { 
	color: #7D9EC0;

	}
a:active { 
	color: #7D9EC0;
	}

.BlueSmall
{
	font-size:small;
	color:#002d70;
	font-weight:bold;
}


.maincol 
{
	/*
    margin:2pt auto;
    overflow:hidden;
*/
/*
	min-width :940px;
	
	margin:2pt auto;
	*/
	margin:auto;
}

/*
#login
{
	position:absolute;
	top:0px;
	width:960px;
	margin:auto;	
}   
*/

.Logincontainer
{
	
	top: 0px;
	position:absolute;
	
}

#login
{
	float:right;
	margin-right:5px;
} 

#heading
{
	text-align:right;
	padding-top:10px;
}

#header 
{
	padding-top:15px;
	
    Height:98px;
	margin-left:5px;
	margin-right:5px;
    
}
#pageheader
{
 margin:auto;
}
#pagefooter
{
	margin:auto;

	margin-top:18px;
}

#MainBackground
{
	/*background:transparent url(./images/telnetbackground3.jpg) repeat-y; */

	
	margin:auto;

}
/*
#container
{

width:960px;
	margin:auto;
	background:white;	
	
}*/

.container
{
	width:960px;
	margin:auto;
	background:white;	
	border-left:solid 1px #ADADAD ;
	border-right:solid 1px #ADADAD ;
	border-bottom:solid 1px #ADADAD ;
}

#nav 
{


}
.NavContainer
{

	height:33px;
		
}
#topmenu 
{
    float:left;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#topmenu li 
{
    float:left;
    margin:0px;
    padding:0px;
}

#topmenu li.selected a, #topmenu li a:hover 
{
    display:block;
    color:#fff;
    background-color:#7D9EC0;
    float:left;
    font-size:1em;
    height:30px;
    line-height:28px;
    text-align:center;
    text-decoration:none;  
}

#topmenu li a 
{ 
    color:#fff;
    float:left;
    font-size:1em;
    height:30px;
    line-height:28px;
    text-align:center;
    text-decoration:none;
    padding:0px 5px 0px 5px;
    border-right:solid 1px #fff;    
}

#footer 
{
    font-size:small ;
  	margin:auto;

	
	
		/*background-color:#FAFAFA;*/

	/*
height:120px;
	background-image:url(./images/BottomNav.png);
	background-repeat:repeat-x;
*/

	width:960px;

}

#bottomnav 
{

	Width:100%;
}


/* Round Corners Without images */
.rounded-box {
    position:relative;
    width: 949px;
    background-color: #8F8F8F;
    margin: 3px;
    padding-top:-50px;
}


.top-left-corner 
{ 
	position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;
	top:0px; left:0px; 
}
.bottom-left-corner 
{
	position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;
	bottom:0px; left:0px;
}
.top-right-corner 
{
	position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;
	top:0px; right:0px;
}

.bottom-right-corner 
{
	position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;
	bottom: 0px; right:0px;
}
 
.top-left-inside 
{
	position:relative; font-size:150px; font-family:arial; color:#8F8F8F;line-height: 40px;
	left:-8px;
}
.bottom-left-inside 
{
	position:relative; font-size:150px; font-family:arial; color:#8F8F8F;line-height: 40px;
	left:-8px; top:-17px;
}
.top-right-inside 
{
	position:relative; font-size:150px; font-family:arial; color:#8F8F8F;line-height: 40px;
	left:-25px;
}
.bottom-right-inside 
{
	position:relative; font-size:150px; font-family:arial; color:#8F8F8F;line-height: 40px;
	left:-25px; top:-17px;
}
.roundedContent
{
	position: relative; padding: 8px; color:#000;
}

/*End Round Corners Without images */

/*
Rounded Corners  Images #CCCCCC
*/
/*
.round-box
{

		
		background-image:url(./images/BottomNav.png);
		background-repeat:repeat-x;
	
}
.round-box
{
	background-color:Gray ;	
}
*/
.round-box
{
		background-image:url(./images/BottomNav.png);
		background-repeat:repeat-x;
}

.round-content
{
	height:120px;
	
	width:100%;
}

.round-topleft
{
	background:url(./images/round_tl.gif) top left no-repeat;
}

.round-topright
{
	background:url(./images/round_tr.gif) top right no-repeat;
}

.round-bottomleft
{
	background:url(./images/round_bl.gif) bottom left no-repeat;
}

.round-bottomright
{
	background:url(./images/round_br.gif) bottom right no-repeat;
}

/*
End Rounded Corners  Images
*/

#bottommenu
{

}

#bottommenu2
{
	
	margin-top:10px;

	margin-left:45px;
	margin-right:45px;
	

	height:164px;


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

    width:16.6%;  


  
}
#bottommenu2 li ul
{
    margin:0px;
    padding:0px 0px 30px 0px;
    width:110px;
}
#bottommenu2 li ul li
{
    list-style-type:none;
    float:none;
    width:100%;
    padding:0px 0px 3px 0px;
}
#bottommenu2 li ul li a
{
    /*color:#fff;*/
    color:#666666;
    font-size:1em;
    text-align:center;
    text-decoration:none;

}

#bottommenu2 li ul li a:hover
{
    
    color:#002d70;
    font-size:1em;
    text-align:center;
    text-decoration:none;
}


#logos 
{
	width:561px;
	margin:0 auto 0 auto;
	padding-top:10px;
	text-align:center;
}



#disclaimer 
{
	margin:auto;
	text-align:center;

	
}


#logos img
{
	padding-right:10px;
}

.wdb
{
	font-size:xx-small;
	text-align:center;
}

#banner 
{
	
}

#content 
{
	
    background:transparent url(./images/GreyFade.png) repeat-x ;

	padding-top:1px;
  
}

#tour
{
	float:right;
	padding-right:20px;
	padding-bottom:50px;
	
}


.top_l 
{
    float:left;
    margin:0pt;
    text-align:left;
    width:65%;
}

.top_r
{
	margin-left:70%;
	margin-top:0px;
	text-align:left;
}

#dMediaPlayers
{
	float:right;
	display:block;
}
.main_heading
{
	margin-top:13px;
}

.main_l 
{
    float:left;
	margin-top:0px;

    text-align:left;
    width:60%;
    padding-bottom:30px;
      margin-left:5px;

}

.main_r
{
	margin-left:65%;
	margin-top:0px;
	text-align:left;
	
	padding-bottom:30px;
	margin-right:5px;
	
}

#panelLeft 
{
    float:left;
    text-align:left;
    width:167px;
    margin-top:0px;
   
    border-right: solid 1px #eeeeee;
}

#panelRight
{
	margin-left:200px;
	margin-top:10px;
	margin-bottom:30px;
	margin-right:65px;
	text-align:left;
}


#LeftContent
{

}
#RightContent
{
}


.UList
{
	
   
}

.UList ul
{

    list-style:none;
  
    color:#002d70;
    font-size:medium;
   
    
   
}

.UList li
{
	
    color:#002d70;
    font-size:medium;
 
    
   
}

.bulletPoint
{
	padding-right:3px;
}

.SmallBlue
{
	color:#002d70;
	font-size:small;
	font-weight:bolder;
}

#map
{
	
	height:355px;
	width:375px;
	margin-right:0px;
}

.contact_l 
{
   	margin-left:5px;
   	float:left;
    text-align:left;
	width:500px;

	top:0px;

}

.contact_r
{
	
	margin-left:555px;
	margin-top:0px;
	width:375px;
	text-align:left;

	height:600px;
	padding-top:15px;
}

.ContactUSHeader
{
	font-size:medium;
	font-weight:bold;
	
	margin-left:5px;
	
	
}

.contactus_input_row
{
	

	/*overflow:hidden;*/
	margin-top:10px;

}

.contactus_input_l  
{
	
	float:left;
	
    text-align:right;
    width:30%;
}

.contactus_input_r
{

   
    text-align:left;
   margin-left:31%;
}

.Button
{
	font-weight: bold;
	color: #002d70;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-transform: capitalize;
	font-variant: small-caps;
	background-color: #fbfbfb;
	border-right: 2px ridge;
	border-top: 2px ridge;
	border-left: 2px ridge;
	border-bottom: 2px ridge;
	
}

.Button:hover 
{
    font-weight: bold;
	color:#FFFFFF;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-transform: capitalize;
	font-variant: small-caps;
	background-color:#7D9EC0;
	border-right: 2px ridge;
	border-top: 2px ridge;
	border-left: 2px ridge;
	border-bottom: 2px ridge;
}


.btnSubmit
{
	float:right;
	margin-top:10px;
	margin-right:20px;

}

.blueFadeHeader
{
	border-top: 2px ridge;
	background:transparent /*url(./images/TelnetFadeSmall.png) repeat-x;*/
	
	
}


.LeftMenu
{
	margin-top:0px;
	min-height:420px;

	padding-top:1px;
}

.RightMenu
{
	/*
	background:url(./images/silouhetteBG.gif);
	background-repeat:no-repeat;
	
	background-position:right 30px;
	*/
	min-height:420px;
}	
	

.LeftMenuList
{

}

.LeftMenuList ul
{
 margin-top:0px;
   list-style:none;
   color:#002d70;
   font-size:medium;
   list-style-position:outside;
	margin-left:1px;
	padding-left:10px;
	padding-right:5px;
  /*list-style-image   : url(./images/BlueArrow.png) ;*/
	


}

.LeftMenuList li
{
	
  
    /*
list-style-type: none;
    background-image: url(./images/BlueArrow.png) ;
    background-repeat: no-repeat;

    background-position: center left;
*/

	width:100%;
	background-image : url(./images/greyline.png) ;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:8px 0px;	
}



.LeftMenuList a, .LeftMenuList a:visited, .LeftMenuList a:link
{
	color: #002d70;
	font-size:small;
	font-weight:bold;
	text-decoration: none;

}

.LeftMenuList li.selected , .LeftMenuList li:hover 
{
/*
    list-style-image: url(./images/LighterBlueArrow.png);
*/

}


.LeftMenuList li.selected a , .LeftMenuList li a:hover 
{
	color: #7D9EC0;
	font-size:small;
	font-weight:bold;
	text-decoration: none;
}

.GreyLineDiv
{
	background-image : url(./images/greyline.png) ;
	background-repeat:repeat-x;
	background-position:bottom;
}

ul.left-sub-nav
{
    padding:0px !important;
    margin:0px !important;
}
ul.left-sub-nav li 
{
    border:none;
    background:none;
    font-weight:normal !important;
    padding:3px 0px 3px 10px;
}
ul.left-sub-nav li a
{
    font-weight:normal !important;
}

.octopus-logo
{
    background: url(images/octopus-logo.png);
    width:300px;
    height:123px;
    float:right;
    margin:0px 0px 5px 5px;
    display:block;
}

.diagram_thumb
{
    padding:5px;
    border:solid 1px #ccc;
}

.DirectorName
{
	font-size:small;
	color:#002d70;
}




.BulletMenuList
{

   list-style:none;
   margin-left:15px;
   

}

.BulletMenuList li
{
	list-style-type: none;
    padding-left: 20px;
    background-image: url(./images/Circle_TelnetBlue.png) ;
    background-repeat: no-repeat;
    background-position:top left;
  
}

.TestimonialIdentity
{
	font-size:small;
	color:#002d70;
}

.LoginFailedMsg
{
	color:Red;
   text-align:right;
    display:block;
}

.promiseheading
{
	text-decoration:underline;
}
.PromiseContent
{
	margin-bottom:5px;
}

.PromiseWeCareBullets
{
	 margin-left:25px;
}

.PromiseWeCareBullets li
{
	list-style-type:circle; 
	 background-image:none;
	   padding-left: 5px;
}

.Quote
{
	font-style:italic;
}

.TechnologySubBullets
{
	 margin-left:25px;
}

.TechnologySubBullets li
{
	list-style-type:circle; 
	 background-image:none;
	   padding-left: 5px;
}

.ParagraphNoSpace
{
	margin:0px;
}

#flashcontent
{
	margin-top:100px;
	margin-bottom:100px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.LeftMenuHeader
{
	font-size:medium;
	font-weight:bold;
	margin-top:0px;
	margin-left:5px;
	
}

.RightContentHeader
{
    color:#002d70;
}

.RightContentHeaderInvisible
{
	font-size:medium;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	visibility:hidden;
	height:0px;
	
}
.MediumBold
{
	font-size:medium;
	font-weight:bold;
}

#contactform
{
	margin-top:0px;
	padding-top:18px;
}

#maincontent
{
	
	padding-left:100px;
	padding-right:10px;
	padding-bottom:0px;
	height:100%;
	
}

#TourVideo
{
	
	padding-top:65px;
	padding-bottom:100px;
	padding-left:267px;
	padding-right:267px;
	
}

.TourHeader
{
	margin-left:20px;
	font-weight:bold;
}

#aboutusHeader
{
	background-image: url(./images/BusinessInSafeHands-Baby---.jpg) ;
	background-position:center;
	height:50px;
	
	
}

.TopBanner
{	
	margin:5px;
}

#dAdSpace
{
	margin:5px;
}

.customerReportingImage
{
	border: 1px solid black;
	width:auto;
	height:400px;
	
}
.customerReportingSlidesTitle
{

	margin-left:45px;
	font-size:medium;
	margin-bottom:10px;
	
}

.customerReportingSlidesDescription
{
	margin-left:45px;
	
	margin-top:10px;
	
}

.customerReportingControls
{
	margin-left:45px;
	
	margin-top:10px;
	
}

.customerReportingPrevButton
{
	Font-Size:Larger;
	margin-right:20px;
	width:80px;
	
	color: #002d70;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-transform: capitalize;
	font-variant: small-caps;
	background-color: #fbfbfb;
	border-right: 2px ridge;
	border-top: 2px ridge;
	border-left: 2px ridge;
	border-bottom: 2px ridge;
}

.customerReportingNextButton
{
	Font-Size:Larger;
	width:80px;
	
	color: #002d70;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-transform: capitalize;
	font-variant: small-caps;
	background-color: #fbfbfb;
	border-right: 2px ridge;
	border-top: 2px ridge;
	border-left: 2px ridge;
	border-bottom: 2px ridge;
}

.compare-table
{
    width:600px;
}
.compare-table tr td
{
    border:solid 1px #ccc;
    padding:5px;
}
.compare-item
{
    width:450px;
}

.octopus-tick
{
    width:30px;
    height:30px;
    display:block;
    background: url(images/octopus-tick.png);
}







/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.diagram-label
{
    font-size:0.8em;
}