﻿/*

RadTreeView base css

* Notes on some CSS class names *

class  --  HTML element  --  description 

rtUL  --  <ul>  --  multiple nodes container
rtLI  --  <li>  --  one node 
rtFirst  --  <li>  -- TreeView's first node
rtLast  --  <li>  -- last node in a given node group (<ul>)
rtTop,rtMid,rtBot  --  <div>  -- a wrapper (<div>) inside a node (<li>) - can be in a top, middle or bottom node in a given node group
rtIn  --  <span> or <div>  -- the inner container inside a node - contains text (<span> rendering) or template (<div> rendering)
rtSp  --  <span>  -- holds a dummy element for adjustment of node heights (should be an even number if the skin node lines are dotted)
rtChk  --  <input>  -- holds a node's checkbox
rtImg  --  <img>  -- holds a node's icon
rtPlus,rtMinus -- <span> -- holds a node's expand / collapse buttons (plus / minus signs)

*/

/* <general styles> */

.RadTreeView
{
	white-space:nowrap;
	cursor: default;
}

.RadTreeView .rtTop,
.RadTreeView .rtMid,
.RadTreeView .rtBot,
.RadTreeView .rtUL
{
	zoom:1;
}

.RadTreeView .rtSp,
.RadTreeView .rtImg,
.RadTreeView .rtIn,
.RadTreeView .rtChk
{
	vertical-align:middle;
}

.RadTreeView .rtUL
{
	margin: 0;
	padding: 0;
	-moz-user-select: -moz-none;
}

.RadTreeView .rtLI
{
	list-style-image: none;
	list-style-position: outside;
	list-style: none;
}

.RadTreeView .rtUL .rtLI .rtUL
{
	padding-left: 0px;
}

.RadTreeView .rtTop, 
.RadTreeView .rtMid, 
.RadTreeView .rtBot
{
	padding: 1px 0 1px 0px;
}


/* <expand/collapse images> */

.RadTreeView .rtPlus, 
.RadTreeView .rtMinus
{
	font-size: 0;
	padding: 0;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
}

* html .RadTreeView .rtPlus, 
* html .RadTreeView .rtMinus { margin-right: 1px; }
*+html .RadTreeView .rtPlus, 
*+html .RadTreeView .rtMinus { margin-right: 1px; }
/*
.RadTreeView .rtPlus { background-position: 0 0; }
.RadTreeView .rtPlus:hover { background-position: 0 -22px; }*/
/*
.RadTreeView .rtMinus { background-position: 0 -11px; }
.RadTreeView .rtMinus:hover { background-position: 0 -33px; }
*/
/* </expand/collapse images> */

/* <tristate checkboxes> */

.RadTreeView .rtChecked,
.RadTreeView .rtUnchecked,
.RadTreeView .rtIndeterminate
{
	display: -moz-inline-box;
	display: inline-block;
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin: 0 3px 0 0;
	line-height: 0;
	font-size: 0;
}

.RadTreeView .rtChecked { background-position: 0 0; }
.RadTreeView .rtUnchecked { background-position: 0 -13px; }
.RadTreeView .rtIndeterminate { background-position: 0 -26px; }

/* </tristate checkboxes> */

.RadTreeView .rtSp
{
	display: -moz-inline-box;
	display: inline-block;
	width: 1px;
	height: 22px;
}

.RadTreeView .rtChk
{
	margin: 0 2px;
	padding: 0;
	width: 12px;
	height: 12px;
}

.RadTreeView .rtIn
{
	margin-left: 1px;
	padding: 4px 3px 3px;
	text-decoration:none;
}

/* <navigation link> */
.RadTreeView a.rtIn
{
	cursor: pointer;
}
/* </navigation link> */

/* <templates> */

.RadTreeView div.rtIn
{
	display:-moz-inline-block;
	display:inline-block;
	vertical-align:top;
}

/* <massage> */
* html .RadTreeView div.rtIn { display:inline-block; }
* html .RadTreeView div.rtIn { display:inline; }
*+html .RadTreeView div.rtIn { display:inline-block; }
*+html .RadTreeView div.rtIn { display:inline; }
/* </massage> */

.RadTreeView .rtTemplate,
.RadTreeView input
{ 
	-moz-user-select: text;
}

/* </templates> */

/* <loading messages> */
.RadTreeView .rtLoadingIcon
{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: text-top;
	width: 21px;
	height: 17px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0;
	background: url('Common/AliasedLoading.gif') no-repeat 2px 0;
}

.RadTreeView .rtLoadingBelow
{
	display:block;
}

/* </loading messages> */

/* </general styles> */

/* <node states> */

.RadTreeView .rtHover .rtIn,
.RadTreeView .rtSelected .rtIn
{
	padding: 3px 2px 2px;
	/*border-width: 1px;*/
	border-style: solid;
	background-repeat: repeat-x;
	background-position: 0 100%;
}

/* <in-line editing> */

/* editing of wrapped nodes should add white-space nowrap to make the input box stay on the same line;
   if the white-space: normal is added through inline styles (on a per-node basis), it can be overriden only by using !important */
.RadTreeView .rtEdit *
{
	white-space: nowrap !important;
}

.RadTreeView .rtEdit .rtIn,
.RadTreeView .rtEdit .rtIn input
{
	outline: 0; /* disable safari glow effect - RadTreeView look consistency */
	cursor: text;
}


.RadTreeView .rtLI .rtEdit .rtIn
{
	border-width: 1px;
	border-style: solid;
	padding: 2px 1px 1px;
	height: 1.4em;
	text-decoration: none;
	vertical-align: middle;
}

* html .RadTreeView .rtLI .rtEdit .rtIn { padding/* */: 0 1px; }

.RadTreeView .rtEdit .rtIn input
{
	height: 1.4em;
	line-height: 1.4em;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}

/* </in-line editing> */

/* </node states> */

/* <node lines> */

.RadTreeView .rtLines .rtLI,
.RadTreeView .rtLines .rtFirst .rtUL
{
	background-repeat: repeat-y;
	background-position: 0 0;
}

.RadTreeView_rtl .rtLines .rtLI,
.RadTreeView_rtl .rtLines .rtFirst .rtUL
{
	background-repeat: repeat-y;
	background-position: 100% 0;
}

.RadTreeView .rtLines .rtFirst
{
    background-repeat: no-repeat;
    background-position: 0 1.273em;
}

.RadTreeView_rtl .rtLines .rtFirst
{
    background-repeat: no-repeat;
    background-position: 100% 1.273em;
}

.RadTreeView .rtLines .rtFirst .rtUL
{
    background-repeat: repeat-y;
    background-position: 0 1.273em;
}

.RadTreeView_rtl .rtLines .rtFirst .rtUL
{
    background-repeat: repeat-y;
    background-position: 100% 1.273em;
}

.RadTreeView .rtLines .rtLast,
.RadTreeView .rtLines .rtLast .rtUL
{
	background: none;
}

.RadTreeView .rtLines .rtTop,
.RadTreeView .rtLines .rtMid,
.RadTreeView .rtLines .rtBot
{
    background-repeat: no-repeat;
    background-position: 0 0;
}

.RadTreeView_rtl .rtLines .rtTop,
.RadTreeView_rtl .rtLines .rtMid,
.RadTreeView_rtl .rtLines .rtBot
{
    background-repeat: no-repeat;
    background-position: 100% 0;
}

/* </node lines> */

/* <drop targets> */

.rtDropAbove,
.rtDropBelow
{
    border: 1px dotted black;
    font-size: 3px;
    line-height: 3px;
    height: 3px;
	margin-top: -1px;
}

.rtDropAbove
{
    border-bottom: 0;
}

.rtDropBelow
{
    border-top: 0;
}

/* </drop targets> */

/* <RTL support> */
.RadTreeView_rtl .rtPlus, 
.RadTreeView_rtl .rtMinus
{
	position: relative;
}

/* reverts the above rule to fix the position:relative + overflow:auto bug under IE6&7 */
* html .RadTreeView_rtl .rtPlus, 
* html .RadTreeView_rtl .rtMinus { position:static; }

*+html .RadTreeView_rtl .rtPlus, 
*+html .RadTreeView_rtl .rtMinus { position:static; }

/* fixes IE6 "disappearing content" bug */
* html .RadTreeView_rtl .rtLI,
* html .RadTreeView_rtl .rtIn
{
	zoom: 1;
}
* html .RadTreeView_rtl .rtIn
{
	margin-top: -1px;
}

.RadTreeView_rtl .rtUL .rtLI .rtUL
{
	padding-right: 15px;
	padding-left: 0;
}

.RadTreeView_rtl .rtTop,
.RadTreeView_rtl .rtMid, 
.RadTreeView_rtl .rtBot
{
	padding: 0 15px 0 0;
	margin: 0;
}

.RadTreeView_rtl .rtPlus { background-position: -11px 0; }
.RadTreeView_rtl .rtPlus:hover { background-position: -11px -22px; }
.RadTreeView_rtl .rtMinus { background-position: -11px -11px; }
.RadTreeView_rtl .rtMinus:hover { background-position: -11px -33px; }

.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus
{
	margin-right:7px;
	right:-20px;
}

/* firefox 2 */
.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus,
x:-moz-any-link
{
	margin-right:-11px;
	right:-8px;
}

/* firefox 3 */
.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus,
x:-moz-any-link, x:default
{
	margin-right:7px;
	right:-20px;
}

/* ie 6 */
* html .RadTreeView_rtl .rtPlus,
* html .RadTreeView_rtl .rtMinus
{
	margin-right:-13px;
	right:0;
}

/* ie 7 */
*+html .RadTreeView_rtl .rtPlus,
*+html .RadTreeView_rtl .rtMinus
{
	margin-right: -13px;
	right: 0;
}

/* safari & opera */
@media screen and (min-width:50px)
{
	.RadTreeView .rtPlus,
	.RadTreeView .rtMinus
	{
		margin-right: 7px;
		margin-left: -18px;
	}
	
	/* fix for safari bug (inline-block positioned elements in rtl mode get no width) */
	:root .RadTreeView_rtl .rtPlus,
	:root .RadTreeView_rtl .rtMinus
	{
		right: 0;
		margin-right: -13px;
		margin-left: 2px;
	}
}

/* opera */
@media all and(-webkit-max-device-pixel-ratio:10000),
   not all and(-webkit-min-device-pixel-ratio:0) {

	:root .RadTreeView_rtl .rtPlus,
	:root .RadTreeView_rtl .rtMinus
	{
		position: relative;
		margin-left: 2px;
		margin-right: -13px;
		right: -15px;
	}
}

/* </RTL support> */

/* <design-time support> */
div.RadTreeView_designtime .rtTop, 
div.RadTreeView_designtime .rtMid, 
div.RadTreeView_designtime .rtBot
{
	position: relative;
}

div.RadTreeView_designtime .rtPlus, 
div.RadTreeView_designtime .rtMinus
{
	margin: 0;
	position: absolute;
	left: 3px;
	top: 4px;
}
/* </design-time support> */


/*#submenu { width: 322px; background: #fff; margin: 0 0 0 0; padding: 20px 0 30px 0; position: relative; }
/*#submenu .title { margin-left: 10px; }*/
/*
#submenu li a { width: 210px; height: 27px; background: url('../img/bgd-submenu-li.jpg') no-repeat; color: #0373a1; display: block; padding: 10px 0 0 20px; text-decoration: none; }
#submenu li a:hover { background-position: -588px 0; color: #465461; }


/*
#submenu li a.bottom { width: 274px; height: 28px; background: url('../img/bgd-submenu-li-bottom.jpg') no-repeat; color: #0373a1; display: block; padding: 12px 0 0 20px; text-decoration: none; }
#submenu li a:hover.bottom { background-position: -588px 0; color: #465461; }
#submenu li a.on { background-position: -294px 0; color: #fff; }
#submenu li a:hover.on { background-position: -294px 0; color: #fff; }
#submenu li a.small { width: 264px; height: 21px; background: url('../img/bgd-submenu-small.jpg') no-repeat; margin: 0; padding: 7px 0 0 30px; }
#submenu li a.small-on { width: 264px; height: 21px; background: url('../img/bgd-submenu-small.jpg') -294px 0; color: #fff; margin: 0; padding: 7px 0 0 30px; }
#submenu li a.small-bottom { width: 264px; height: 24px; background: url('../img/bgd-submenu-small-bottom.jpg') no-repeat; margin: 0; padding: 6px 0 0 30px; }
#submenu li a.small-bottom-on { width: 264px; height: 24px; background: url('../img/bgd-submenu-small-bottom.jpg') -294px 0; color: #fff; margin: 0; padding: 6px 0 0 30px; }
#submenu li a.small span,
#submenu li a.small-on span,
#submenu li a.small-bottom span,
#submenu li a.small-bottom-on span { margin-left: 10px; }
*/
.RadTreeView .rtPlus,.RadTreeView .rtMinus {height: 37px; width: 45px; padding: 0px 0px 0px 0px; background-color: Transparent; position: absolute; margin-left: 250px;float: right;}
 
.rtPlus { background: url('../img/submenu-arrows.gif') 2px 4px ; float: right;}
.rtPlus:hover { background: url('../img/submenu-arrows.gif') 2px -56px no-repeat;}
.rtMinus { background: url('../img/submenu-arrows-down.gif') 2px 4px;float: right;}
.rtMinus:hover { background: url('../img/submenu-arrows-down.gif') 2px -56px no-repeat;}
.rtIn {float: left; margin-bottom: -1px;}
.rtSp { visibility: hidden; float: left;}

#submenu .rtLI {float: left;}

#submenu .rtUL .rtFirst .rtTop .rtIn { width: 274px; height: 28px; background: url('../img/bgd-submenu-li-top.jpg') no-repeat; color: #0373a1; display: block; padding: 12px 0 0 20px; text-decoration: none; }
#submenu .rtUL .rtFirst .rtTop .rtIn:hover { background-position: -588px 0; color: #465461; }

#submenu .rtUL .rtFirst .rtLI .rtTop .rtIn { width: 274px; height: 27px; background: url('../img/bgd-submenu-li.jpg') no-repeat; color: #0373a1; display: block; padding: 10px 0 0 20px; text-decoration: none; }
#submenu .rtUL .rtFirst .rtLI .rtTop .rtIn:hover { background-position: -588px 0; color: #465461; }

#submenu .rtUL .rtLast .rtUL .rtLast .rtBot .rtIn {width: 274px; height: 28px; background: url('../img/bgd-submenu-li-bottom.jpg') no-repeat; color: #0373a1; display: block; padding: 12px 0 0 20px; text-decoration: none;}

#submenu .rtUL .rtLast .rtUL .rtLI .rtUL .rtLast .rtIn { width: 274px; height: 27px; background: url('../img/bgd-submenu-li.jpg') no-repeat; color: #0373a1; display: block; padding: 10px 0 0 20px; text-decoration: none; }


#submenu .rtUL .rtFirst .rtUL .rtUL .rtLI .rtIn,
#submenu .rtUL .rtFirst .rtUL .rtUL .rtLI .rtBot .rtIn {padding-left: 30px; width: 264px;}
#submenu .rtUL .rtFirst .rtUL .rtUL .rtUL .rtLI .rtIn {padding-left: 40px; width: 254px;}
#submenu .rtUL .rtFirst .rtUL .rtUL .rtUL .rtUL .rtLI .rtIn {padding-left: 50px; width: 244px;}
/* those are new and specific for sb controls */
.sberror { color: Red; }

/********************************************************/

/*header specific*/
.sbUserDetails { padding-top: 16px;float: left;width: 292px;}
.sbUserName { font-size: 16px;float: left;}
.sbLink {float: right;font-size: 14px;}

.sbChkBoxes {width:300px;}


.latest-tab-nav { list-style: none; margin: 0; padding: 0; }
.latest-tab-nav li { display: inline; }
.latest-tab-nav li a { width: 190px; height: 29px; color: #027aae; display: block; float: left; font-size: 1.4em; font-weight: bold; margin-right: 29px; padding: 8px 0 0; text-align: center; text-decoration: none; }
.latest-tab-nav li .rtsLink { background: url('../img/bgd-latest-tabs-dots.gif') no-repeat top right; }
.latest-tab-nav li a.end { margin-right: 0; }
.latest-tab-nav li .rtsSelected { background: #f1f1f3 url(../img/bgd-latest-tabs.jpg) no-repeat top center; color: #475562; }
.latest-tab-nav li a:hover { color: #2d2d2d; }
.latest-tab-nav li a:focus { outline: 0; }
#tab-latest-news { padding: 70px 0 0 20px; }
#tab-latest-events { padding: 70px 0 0 20px; }
#tab-latest-documents { padding: 70px 0 0 20px; }
.latest-col { width: 182px; float: left; margin-right: 20px; }
.latest-col-home { width: 182px; float: left; margin-right: 20px; }
.latest-col-last { margin-right: 0px; }
.latest-switcher { clear: both; margin-top: -12px; padding-left: 225px; position: relative; text-align: center; overflow: hidden; zoom: 1; }
.latest-switcher .dot { float: left; margin: 11px 10px 0 0; cursor: pointer; }
.file-icon { float: left; margin: 0 10px 20px 0; }




#content .RadScheduler p { padding:0 0 0 0; }
#content .RadScheduler ul { margin: 0 0 0 0; }
#content .RadScheduler li { list-style-type: none; margin-bottom: 7px; }



/*
.rsNextDay, .rsPrevDay, .rsDatePickerActivator {border: 1px dotted red;}*/

.rsAptResize { 
  cursor:default !important; 
} 




/* general styles for the portal */
.sbErrorMessage {color: Red;}

/* keeping checkboxes in line on registration page 2 */
div #ctl00_mainContent_46_pnlCheckboxes {border: 1px dotted white;}
div #ctl00_mainContent_46_pnlCheckboxes input {float: left; margin-top: 15px;}
div #ctl00_mainContent_46_pnlCheckboxes label {float: left; width: 140px;}

/* search page */
#fsSrcDetails {background-color:#f1f1f3; color:#64757d; margin: 50px 0 50px 0; padding:10px 20px 15px 20px;}
#fsSrcDetails span {margin-top:0;}
#fsSrcDetails input[type="text"] { width:300px; margin-left: 5px; }
#fsSrcDetails select { width:160px;  margin-left: 5px; }
#fsSrcDetails input[type="submit"] { width:75px; margin-left: 5px; }
h2.sbSearchHeader {font-size: 16px; padding-bottom: 20px;}
div.sbSearchField { font-size: 13px; padding-left: 140px; padding-bottom:20px;}
div.sbSearchField input, div.sbSearchField select {font-size: 13px;}
div.sbSearchButton {float: left; height: 50px;}
.sbSources {padding-bottom: 20px;}
span.sbSearchCategories input {}
span.sbSearchCategories label {font-size: 13px; padding: 0 10px 0 5px;}
.sbSearchMultiView {margin-bottom: 20px;}

#content-left {float: none;}

/* registration page */
#register-breadcrumb { width: 612px; height: 26px; background: url('../img/bgd-register-breadcrumb.jpg') no-repeat; margin: 0 0 10px; padding: 10px 0 0 10px; }
#register-breadcrumb a { text-decoration: none; }
#register-breadcrumb ul { margin: 0; padding: 0; }
#register-breadcrumb li { display: block; float: left; list-style-type: none;  }
#register-breadcrumb li.end { display: block; float: left; list-style-type: none; margin-right: 0; }
#register-breadcrumb a { color: #465461; cursor: default; display: block; font-weight: normal; text-decoration: none; }
#register-breadcrumb a span { display: block; float: left; padding-right: 5px; background: url('../img/bgd-menu-arrow-on.gifs') no-repeat right; }
#register-breadcrumb a:hover span { background: url('../img/bgd-menu-arrow-on.gifs') no-repeat right; }
#register-breadcrumb a.visited { color: #0174a3; cursor: pointer; display: block; font-weight: normal; text-decoration: none; }
#register-breadcrumb a.visited span { display: block; float: left; padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gifs') no-repeat right; }
#register-breadcrumb a:hover.visited span { color: #465461; background: url('../img/bgd-menu-arrow-on.gifs') no-repeat right; }
#register-breadcrumb a.on { color: #0174a3; cursor: pointer; display: block; font-weight: bold; text-decoration: none; }
#register-breadcrumb a.on span { display: block; float: left; padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gifs') no-repeat right; }
#register-breadcrumb a:hover.on span { color: #465461; background: url('../img/bgd-menu-arrow-on.gifs') no-repeat right; }
h1.register img { vertical-align: middle; }
.row-grey .back { float: left; margin: 7px 0 0 10px; }
.row-grey .next { float: right; margin: 7px 10px 0 0; }
.status-dropdown { width: 150px; margin-top: 10px; }
.title-related { margin: 32px 0 12px; }
.sbRegNextButton {float: right;}
.sbRegBackButton {float: left;}
.multiPage .row-grey label, .multiPage .row-white label {width: 250px}
.multiPage .row-enquiry-01 {width: 400px; margin-left: 50px;}
.multiPage .row-enquiry-01 input {height: 15px;}
div #ctl00_mainContent_46_pnlCheckboxes label {	float: left; width: 340px; height: 25px; padding-top: 10px;}
div #ctl00_mainContent_46_pnlCheckboxes input {	margin-top: 10px;float: left}
.multiPage #ctl00_mainContent_46_RadPageView3 .row-enquiry-01 span {height: 30px; padding-top: 6px;}
.multiPage #ctl00_mainContent_46_RadPageView3 .row-enquiry-01 span input {width: 30px;}

.sbActivateHeader {font-size: 16px; padding-top: 30px;}
.sbActivateLabel {font-size: 14px;}
.sbActivateTextBox {width: 300px; border: 0px; font-size: 14px;}
.sbActivateLink {font-size: 15px;}


/* Sitemap */
.sitemap {margin-left: 50px;}
.sitemap div {width: 300px;float: left;}
.sitemap a {font-weight: bold;}
.sitemap ul {list-style: disc;line-height:24px;margin-left: 16px;}
.sitemap ul a {font-weight: normal;}

/*mbp changes*/
#get-in-touch span{ padding-top:10px; display:block;}
#get-in-touch { width: 600px; height: 57px; background: url('../img/bgd-get-in-touch.jpg') no-repeat; color: #fff; font-size: 1.8em; margin: 38px 0 4px; padding: 30px 0 0 20px; display:block; text-decoration:none; }

#content .sbArchive UL {margin: 0 0 0 0; }
#content .sbArchive LI {margin: 0 0 0 0; }

#ctl00_Footer_ibtnSolutions {cursor: pointer }

.loading
{
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sidebar .contentBox .text-green {float: left; margin-top: 30px; margin-left: 10px; }
#sidebar .text-green .contentBox {float: left; margin-top: 30px; margin-left: 10px; }

.sbUser {float: left;}
.sbUser span {height: 30px;}
.sbUserCheckBoxes {float: none;}
/*.sbUserCheckBoxes span {height: 30px; width: 150px;}*/
.sbUserButtons {float: left;}

.sbField { height: 30px;}
.sbUserInterests {margin-left: 30px; float: left;}
.sbUserInterests .sbChkBoxes {height: 30px;}