/* Layout CSS */
body {
	background-color:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.5px;
	color:#707276;
}
div#Container {
	position:absolute;
	width:1000px;
	left:50%;
	margin-left:-500px;
	background-image:url(../images/page/PageBackground.jpg);
	background-repeat:repeat-y;
}
div#PlanitLogo {
	position:absolute;
	width:192px;
	left:67px;
	top:35px;
	height:65px;
}
div#PlanitLogo a {
	display:block;
	height:99px;
	background-image:url(../images/logos/nexnet.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
div#PlanitLogo a:hover {
	background-position:0 0;
}
div#SearchBox {
	position:absolute;
	left:629px;
	top:0px;
	padding:10px;
	width:280px;
	height:49px;
	background-color:#F5F5F7;
	border:1px solid #c3c3c3;
}

div#SearchBox form {
	position:relative;
	margin:10px auto 10px 23px;
}

div#SearchBox #HeaderSearchTerm {
	width:150px;
	float:left;
	margin-right:5px;
	font-size:12.5px;
	padding:1px;
}

div#SearchBox input[type='button'], div#SearchBox input[type='submit'] {
	display:block;
	vertical-align:middle;
	float:left;
	width:auto; /* floating elements need to have a width declared */
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:1em;
	color:#ffffff;
	border:1px solid #b5b5b5;
	background-color:#9e9d9d;
	background-image:url(../images/page/Button.jpg);
	background-position:right 0;
	padding:0 20px 2px 4px;
}

#Header {
	position:absolute;
	left:19px;
	top:135px;
	width:962px;
	height:227px;
	z-index:1;
	overflow:hidden;
}
#Header h1 {
	position:absolute;
	margin:0;
	padding:0;
	left:550px;
	top:75px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:1em;
	color:#ffffff;
	background-color:transparent; /* set background colour with color set to suppress validation warnings */
	z-index:1;
}
#HeaderURL {
	position:absolute;
	margin:0;
	padding:0;
	right:65px;
	top:177px;
	height:50px;
}
#HeaderURL a {
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	background-color:#9e9d9d;
	background-image:url(../images/page/Button.jpg);
	background-position:right 0;
	padding:2px 20px 3px 4px;
	text-decoration:none;
}
#Breadcrumbs {
	position:absolute;
	left:270px;
	top:362px;
	width:710px;
	height:36px;
	line-height:36px;
	font-size:11px;
	color:#bdbdbd;
	overflow:hidden;
}
#Breadcrumbs span#BreadcrumbsCaption {
	font-weight:bold;
	color:#747679;
}
div#Breadcrumbs ul {
	display:inline;
	margin:0 0 0 10px;
	list-style-type:none;
}
div#Breadcrumbs li {
	display:inline;
	margin:0;
}
div#Breadcrumbs a {
	color:#bdbdbd;
	font-weight:normal;
	text-decoration:none;
}
div#Breadcrumbs a:hover {
	color:#A2A2A2;
}
div#Breadcrumbs a.selected {
	color:#9a9b9d;
}
div#MainContent {
	position:relative;
	margin:398px 0 0 0;
}
a img {
	border:none;
}
.BigQuoteStart {
	display:block;
	position:relative;
	float: left;
	margin:15px 10px -10px 0;
	width: 10px;
	height: 10px;
	font-size: 50px;
	color:#565656;
}
.BigQuoteEnd {
	display:block;
	position:relative;
	float: right;
	margin:15px 10px -10px 0;
	width: 10px;
	height: 10px;
	top:0;
	margin-left: 20px;
	font-size: 50px;
	color:#565656;
}

div#LeftBox {
	display:block;
	position:relative;
	float:left;
	width:255px;
	overflow:hidden;
	margin-left:-809px;
}
div.LeftPod {
	width:249px;
}
div.LeftPodTop {
	width:230px;
	margin:0 0 0 19px;
}
div.LeftPodContent {
	margin:0 0 0 19px;
}

ul.LocalisedSiteLink li a:hover {
	background-image:url(../images/leftnav/backgroundovernoarrow.jpg);
}
ul.LocalisedSiteLink li a.selected {
	background-image:url(../images/leftnav/backgroundovernoarrow.jpg);
}
ul.LocalisedSiteLink li a img {
	position:absolute;
	right:20px;
}

div.LeftPodBottom {
	width:228px;
	margin:0 0 0 20px;
}

div#RightBox {
	display:block;
	position:relative;
	float:left;
	width:153px;
	overflow:hidden;
	margin-left:19px;
}
div.RightPod {
	width:153px;
}
div.RightPodTop {
	width:153px;
	margin:0;
}
div.RightPodContent {
	margin:0;
}
div.RightPodBottom {
	width:153px;
	margin:0;
}





div#MidBox {
	display:block;
	position:relative;
	width:540px;
	float:left;
	font-size:1.1em;
	line-height:1.6em;
	margin-left:269px;
	margin-bottom:50px;
}
div#MidBox h1 {
	font-size:19px;
	line-height:1.1em;
	color:#565656;
	margin:0 0 1.5em 0;
	font-weight:normal;
	clear:both;
}
div#MidBox h2 {
	color:#565656;
	font-size:1.1em;
	margin:0 0 1.5em 0;
	font-weight:bold;
	clear:both;
}
div#MidBox h3 {
	color:#565656;
	font-size:1.0em;
	font-weight:bold;
	clear:both;
}
div#MidBox p {
	margin:0 0 1.5em 0;
}
div#MidBox a {
	color:#565656;
	text-decoration:underline;
}
div#MidBox a:hover {
	color:#707276;
}
div.hr {
	clear:both;
	border-bottom:1px dotted #707276;
	margin:5px 0 10px 0;
}
div#MidBox div.CrossLinks {
	clear:both;
	border:1px solid #e2e3e4;
	padding:10px;
}

#CrossLinks {
	clear:both;
	border:1px solid #e2e3e4;
	padding:10px;
}


#PageMenuContainer{ /*create a styles for our navigationContainer div to hold our navigation */
	display:block;
    position:relative;
    width:540px;
	height:25px;
	overflow:visible;
	z-index:2;
}
#PageMenu, #PageMenu ul {
	float:left;
    padding: 0;
    margin: 0;
    list-style: none;
	font-size:11px;
	line-height: 1.5em;
	width:auto; /* floating elements need to have a width declared */
}
#PageMenu {
	margin-left: 10px;
}
#PageMenu li {
	float: left;
	position: relative;
	width: auto; /* width needed or else Opera goes nuts */
	margin: 0 2px 0 0;
}
#PageMenu li a {
	display: block;
	width: auto; /* width needed or else Opera goes nuts */
 	float: left;
	text-decoration:none;
	color:#747679;
	font-weight:bold;
 	height:25px;
	padding:4px 10px 0 0;
	margin:0;
	background: url(../images/page/PageMenuBG.jpg) no-repeat top right;
}
#PageMenu li a span {
	background: url(../images/page/PageMenuBG.jpg) no-repeat top left;
    float: left;  
	width:auto; /* floating elements need to have a width declared */
    padding-right: 5px;  
    display: block;  
    margin-top: -4px;  
 	height:25px;
}
#PageMenu li a:hover {
	color:#747679;
	background: url(../images/page/PageMenuBG_over.jpg) no-repeat top right;
 	height:29px;
	z-index:100;
}
#PageMenu li a:hover span {
	background: url(../images/page/PageMenuBG_over.jpg) no-repeat top left;
 	height:29px;
	z-index:100;
}
#PageMenu li a.selected {
	background: url(../images/page/PageMenuBG_over.jpg) no-repeat top right;
	color:#565656;
}
#PageMenu li a.selected span {
	background: url(../images/page/PageMenuBG_over.jpg) no-repeat top left;
}

div#PageContentContainer {
	position:relative;
	background-image:url(../images/page/PageContentBG.jpg);
	background-repeat:repeat-x;
	padding:10px 0;
	min-height:300px;
}
div#PageContent {
	position:relative;
	margin:0 10px;
	font-size:1.1em;
}

div#SocialBookmarks {
	position:relative;
	margin:0 19px 0 19px;
	border:1px solid #dbddd7;
	width:940px;
	height:32px;
	padding:10px;
	clear:both;
	font-size:13px;
	background-image:url(../images/page/SocialBookmarksBG.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}
div#SocialBookmarks div.Left {
	width:400px;
}
div#SocialBookmarks p {
	display:block;
	float:left;
	width:auto; /* floating elements need to have a width declared */
	height:32px;
	line-height:32px;
	margin:0;
	padding:0;
}
div#SocialBookmarks ul {
	list-style:none;
	margin:0;
	padding:0;
	line-height:32px;
}
div#SocialBookmarks img {
	vertical-align:middle;
}
div#SocialBookmarks ul li {
	text-align:center;
	display:inline;
	margin:0;
}
div#SocialBookmarks ul li a {
	display:block;
	float:left;
	width:auto; /* floating elements need to have a width declared */
	background:none;
	color:#797b7f;
	text-decoration:underline;
	margin:0 5px;
}
div#SocialBookmarks ul li a:hover {
	text-decoration:none;
	background:none;
}
div#SocialBookmarks .Left ul li a {
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	background-position:0 0;
}
div#SocialBookmarks .Left ul li a:hover {
	background-position:-26px 0;
}
div#SocialBookmarks .Left ul li.delicious a {
	width:27px;
	background-image:url(../images/SocialBookmarks/delicious.gif);
}
div#SocialBookmarks .Left ul li.digg a {
	background-image:url(../images/SocialBookmarks/digg.gif);
}
div#SocialBookmarks .Left ul li.reddit a {
	background-image:url(../images/SocialBookmarks/reddit.gif);
}
div#SocialBookmarks .Left ul li.facebook a {
	background-image:url(../images/SocialBookmarks/facebook.gif);
}
div#SocialBookmarks .Left ul li.stumbleupon a {
	width:27px;
	background-image:url(../images/SocialBookmarks/stumbleupon.gif);
}
div#SocialBookmarks .Left ul li.delicious a:hover {
	background-position:-27px 0;
}
div#SocialBookmarks .Left ul li.stumbleupon a:hover {
	background-position:-27px 0;
}

div#Footer {
	position:relative;
	margin:20px 19px 38px 19px;
	width:962px;
	height:358px;
	clear:both;
	font-size:13px;
	color:#fdfeff;
	background-image:url(../images/page/PlanitLinks.jpg);
	background-repeat:repeat-x;
}
div#Footer h1 {
	position:absolute;
	margin:0;
	top:35px;
	left:88px;
	font-size:19px;
	font-weight:bold;
	color:#fdfeff;
}
div.FooterLinks {
	position:absolute;
	top:86px;
	width:140px;
}
div.FooterLinks h2 {
	margin:0;
	font-size:15px;
	padding:0 0 11px 0;
	border-bottom:1px solid #a0a1a3;
}
#FooterCol1 {
	left:88px;
}
#FooterCol2 {
	left:329px;
}
#FooterCol3 {
	left:568px;
}
#FooterCol4 {
	left:729px;
}
div.FooterLinks ul {
	margin:0;
	list-style-type:none;
}
div.FooterLinks li {
	margin:0;
	border-bottom:1px solid #a0a1a3;
}
div.FooterLinks li a {
	display:block;
	width:140px;
	margin:0;
	padding:11px 0;
	color:#dbddd7;
	text-decoration:none;
}
div.FooterLinks li a:hover {
	text-decoration:underline;
}

div#ResellerFooterContainer {
	position:relative;
	margin:20px 19px 38px 19px;
	width:962px;
	height:170px;
	clear:both;
	font-size:13px;
	color:#fdfeff;
	background-image:url(../images/page/PlanitLinks.jpg);
	background-repeat:repeat-x;
}
div#ResellerFooterContainer h1 {
	position:absolute;
	margin:0;
	top:35px;
	left:88px;
	font-size:19px;
	font-weight:bold;
	color:#fdfeff;
}
div#ResellerFooterContainer div#ResellerFooter {
	position:absolute;
	margin:0;
	top:55px;
	left:88px;
	width:786px;
	font-size:15px;
	line-height:1.2em;
	color:#dbddd7;
}
div#ResellerFooterContainer div#ResellerFooter a {
	color:#dbddd7;
	font-weight:bold;
	text-decoration:none;
}
div#ResellerFooterContainer div#ResellerFooter a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:transparent; /* set background colour with color set to suppress validation warnings */
}

div.Pod {
	overflow:hidden;
}
div.PodTop {
	position:relative;
	height:36px;
	background-image:url(../images/leftnav/header.jpg);
	background-repeat:repeat-x;
}
div.PodTop h1 {
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background-color:transparent; /* set background colour with color set to suppress validation warnings */
	line-height:36px;
	height:36px;
	overflow:hidden;
}
div.PodContent {
	background-image:url(../images/page/PodBG.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #dbddd7;
	padding:10px;
	font-size:10px;
	line-height:1.1em;
}
div.PodContent h1 {
	margin:0;
	color:#565656;
	font-size:11px;
	font-weight:bold;
}
div.PodContent p {
	margin:5px 0;
}
div.PodContent a {
	color:#565656;
	text-decoration:underline;
}
div.PodContent p.MoreLink a {
	color:#565656;
	font-weight:bold;
}
div.PodBottom {
	height:1px;
}


/* Non-layout CSS */

.Hidden {
	display:none;
}
.Visible {
	display:block;
}
.NoBreak {
	white-space:nowrap;
}
.ErrorBorder {
	border:1px solid #FF0000;
	padding:10px 5px;
	background-color:#FEF3F3;
}
input.ErrorBorder {
	padding:2px;
}
#PageContent table {
	background-color:#FFFFFF;
}
#PageContent td, #PageContent th {
	border:1px solid #E0E0E0;
	padding:2px;
}
#PageContent th {
	background-color:#fafafa;
}
#PageContent th.col {
	text-align:center;
}
#PageContent th.row {
	text-align:left;
}
#PageContent select, #PageContent textarea {
	margin:0.4em 0;
	vertical-align:middle;
	float:left;
	width:auto; /* floating elements need to have a width declared */
	font-size:0.9em;
}
#PageContent form br {
	clear:both;
}
#PageContent input[type='password'], #PageContent select, #PageContent textarea {
	border:1px solid #E0E0E0;
	padding:2px;
}
#PageContent input[type='password'] {
	font-family:"Courier New", Courier, monospace;
}
#PageContent input[type='button'], #PageContent input[type='submit'] {
	display:block;
	height:23px;
	border:1px solid #b5b5b5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	background-color:#9e9d9d;
	background-image:url(../images/page/Button.jpg);
	background-position:right 0;
	padding:0 20px 2px 4px;
}
#PageContent input[type='radio'], #PageContent input[type='checkbox'] {
	float:none;
	margin-right:5px;
}
#PageContent a.buttonlink {
	height:23px;
	border:1px solid #b5b5b5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	background-color:#9e9d9d;
	background-image:url(../images/page/Button.jpg);
	background-position:right 0;
	padding:2px 20px 3px 4px;
	text-decoration:none;
}
#PageContent a:hover.buttonlink {
	color:#ffffff;
	background-color:transparent; /* set background colour with color set to suppress validation warnings */
}
#PageContent textarea {
	font-size:1em;
}
#PageContent fieldset {
	border:1px solid #E0E0E0;
	background-color:#FDFDFD;
	padding:10px;
	background-image:url(../images/page/FieldsetBG.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
#PageContent fieldset legend {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}
#PageContent ul li, #PageContent ol li {
	margin-left:2em;
}

#PageContent div.InnerPodsLeftContainer {
	width:250px;
	float:left;
}

#PageContent div.InnerPodsRightContainer {
	width:250px;
	float:right;
}

#PageContent div.InnerLeftPod {
	clear:both;
	float:left;
	width:auto; /* floating elements need to have a width declared */
}
#PageContent div.InnerRightPod {
	float:right;
	width:auto; /* floating elements need to have a width declared */
}
#PageContent div.Pod {
	width:250px;
	margin:0;
	padding:0;
}
#PageContent div.PodTop {
	width:250px;
	margin:0;
	padding:0;
	height:8px;
	background-image:url(../images/page/InnerPodTop.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
#PageContent div.Pod h1 {
	display:none;
}
#PageContent div.PodContent {
	width:230px;
	margin:0;
	padding:10px 12px 10px 8px;
	background-image:url(../images/page/InnerPodBG.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	border:none;
	overflow:hidden;
}
#PageContent div.PodContent ul.Menu {
	margin-left:-25px;
}
#PageContent div.PodBottom {
	width:250px;
	margin:0;
	padding:0;
	height:8px;
	background-image:url(../images/page/InnerPodBottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

/* Ajax grid control styles */
#PageContent .x-grid-split{
	width:auto;
}

p.NewsFeedLink {
	text-align:right;
}
p.NewsFeedLink a img {
	vertical-align:middle;
	border:none;
}

.Handheld {
	display:none;
}

.SmallText {
	font-size:0.8em;
}

ul.Menu {
	margin:-10px -10px 10px -10px;
}
ul.Menu a {
	color:#707276;
	text-decoration:none;
}
ul.Menu li {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ul.Menu li a, #PageContent ul.Menu li a {
	display:block;
	width:208px;
	padding:10px 0 4px 18px;
	background-image:url(../images/leftnav/background.jpg);
	height:20px;
	color:#707276;
	text-decoration:none;
	overflow:hidden;
}
ul.Menu li a:hover, #PageContent ul.Menu li a:hover {
	background-image:url(../images/leftnav/backgroundover.jpg);
	color:#ffffff;
	background-color:transparent; /* set background colour with color set to suppress validation warnings */
}
ul.Menu li a.selected, #PageContent ul.Menu li a.selected {
	background-image:url(../images/leftnav/backgroundselected.jpg);
	color:#ffffff;
	background-color:transparent; /* set background colour with color set to suppress validation warnings */
}
#PageContent ul.Menu li a {
	width:222px;
	padding-left:10px;
}
.RightPod ul.Menu li a {
	padding-left:5px;
}
.RightPod ul.Menu li ul li a {
	background-image:url(../images/rightnav/background2.jpg);
}
.RightPod ul.Menu li a:hover {
	background-image:url(../images/rightnav/backgroundover.jpg);
}
ul.Menu li ul {
	margin:0;
}
ul.Menu li ul li {
	list-style:none;
	font-weight:normal;
}
ul.Menu li ul li a {
	background-image:url(../images/leftnav/background2.jpg);
}
#LeftNavMenu ul.Menu {
	margin-bottom:-10px;
}
#MainContent .Pod ul.Menu li ul li {
	margin-left:0;
}
#MainContent .Pod input[type='button'], #MainContent .Pod input[type='submit'], .Pod input[type='button'], .Pod input[type='submit'] {
	display:block;
	height:18px;
	border:1px solid #b5b5b5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	font-weight:bold;
	background-color:#9e9d9d;
	background-image:url(../images/page/Button.jpg);
	background-position:right -4px;
	padding:0 15px 3px 1px;
}

.yui-tt { /* Tooltip styling */
color: #444;
font-size:9px;
border: 1px solid #444;
background-color: #FFC;
padding: 5px;
width:250px;
}