/* customise panel */
#customise{position:absolute; top:40px; right:0; z-index:5;}
#bread{width:18em; float:left;color:#0c4d8c;}
#custlink{width:20em; float:right; padding:5px; display:none; text-align:right}
#custlink a{color:#002c77; font-weight:bold; text-decoration:none; }
#custlink a.cust{background:url(../images/css_bg_customise.gif) 0 3px no-repeat; padding:2px 2px 2px 20px;}
#custlink a.cust:hover{text-decoration:none; color:#9fb9d2;}
#custlink a.reset{background:url(../images/css_bg_reset.gif) 12px 3px no-repeat; padding:2px 0 2px 31px; position:relative;}
#custlink a.reset:hover{text-decoration:none; color:#9fb9d2;}
#custlink a.reset span{height:16px; width:11px; position:absolute; top:2px; left:0; display:block;}
#custpanel{background:#163979; color:#fff; position:relative; margin:0; margin:11px 0 20px 0; padding:10px 20px 20px 20px; display:none; clear:both; height:105px}
#custpanel a{color:#fff;}
#custpanel a.custclose{color:#fff; position:absolute; top:10px; right:10px; text-decoration:none; background:url(../images/css_icon_close.gif) center right no-repeat; padding-right:18px; font-weight:bold;}
#custpanel a.custclose:hover{color:#9fb9d2;}
#custpanel p.custhead{font-size:140%; margin:0 0 10px 0; color:#fff;}
#custpanel p.custhead a {color:#9fb9d2; text-decoration:none;}
#custpanel p.custhead span {font-size:61%;}
#custpanel p.custhead a:hover {color:#fff; border-bottom:1px dotted #fff}
.custinner {position:absolute; bottom:20px; left:20px; z-index:50}
.custinner p{float:left; width:228px; margin:0 3px 3px 0; position:relative; height:1%;}
.custinner p.style {}
.custinner a{color:#fff; font-weight:bold;}
.custinner a:hover{text-decoration:none; color:#9fb9d2;}
.custinner p a{background:#27659e url(../images/css_show.gif) 5px 7px no-repeat; padding:5px 2px 5px 22px; display:block; height:1%; text-decoration:none; position:relative}
#custpanel .custinner p a:hover{text-decoration:none; color:#9fb9d2;}
.custinner p.style a{background:#27659e url(../images/css_noshow.gif) 5px 7px no-repeat;}
.custinner p.style a:hover{text-decoration:none;}

/* intro panel */
#intro {position:relative; margin:11px 0 10px 0; width:970px; height:250px; overflow:hidden; z-index:1;}
	* html #intro {margin:0 0 0 0;}
div.cornerTL, div.cornerTR, div.cornerBL, div.cornerBR {position:absolute; width:20px; height:20px; text-indent:-9999px; font-size:10%; display:block; z-index:100}
div.cornerTL {background:url(../images/corner-tl.png); top:0; left:0;}
div.cornerTR {background:url(../images/corner-tr.png); top:0; right:0;}
div.cornerBL {background:url(../images/corner-bl.png); bottom:0; left:0;}
div.cornerBR {background:url(../images/corner-br.png); bottom:0; right:0;}
	* html div.cornerTL {background:url(../images/corner-tl.gif);}
	* html div.cornerTR {background:url(../images/corner-tr.gif);}
	* html div.cornerBL {background:url(../images/corner-bl.gif);}
	* html div.cornerBR {background:url(../images/corner-br.gif);}
 
/* slider */
#slider ul {margin:0; padding:0; list-style:none; }
#slider li {width:640px; height:250px; overflow:hidden; position:relative}
#slider li span.link { position:absolute; bottom:0; left:0; width:640px;  padding:10px 0; z-index:2}
#slider li span.link a {background:url(../images/next-white.gif) center right no-repeat; margin:0 0 0 20px; padding:0 10px 0 0; color:#fff; font-weight:bold; font-size:141%; text-decoration:none; border-bottom:1px dotted #fff!important}	
#slider li span.link a:hover {border-bottom:1px solid #fff!important}

#slider li span {background:url(../images/opaque-blue.png); position:relative; z-index:2; color:#fff; padding:5px 10px 5px 20px; clear:both; float:left;}
#slider li span.line1 {font-size:230%; margin:10px 0 0 0}
#slider li span.line2 {font-size:110%; white-space:nowrap;}
#slider li span.line3 {font-size:110%; white-space:nowrap;}
#slider li span.line4 {font-size:110%; white-space:nowrap;}


ol#controls{margin:0; padding:0; height:18px; position:absolute; bottom:11px; right:340px; z-index:3}
	* html ol#controls{ bottom:0;}
ol#controls li{margin:0 10px 0 0; padding:0; float:left;	list-style:none;	height:28px;	line-height:28px	}
ol#controls li a{float:left; height:18px; width:11px;	background:url(../images/slider-nav.gif) 0 0 no-repeat; padding:0; margin:0; text-decoration:none; text-indent:-9999px;}
ol#controls li a:hover {background:url(../images/slider-nav-hover.gif) 0 0 no-repeat;}
ol#controls li.current a{background:url(../images/slider-nav-current.gif) 0 0 no-repeat;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* slider ends */
#ipfinder {position:absolute; top:0; left:640px; background:url(../images/intro-search-bg.gif) top left repeat-x; width:290px; height:216px; padding:17px 20px; z-index:3}
#ipfinder h2 {border:none; padding:0; color:#fff; font-weight:bold; margin:0 0 4px 0}
#ipfinder p {color:#fff; margin:0 0 15px 0; line-height:145%; font-size:111%;}
#ipfinder input {padding:4px 4px 0 12px; height:1.6em; background:#fff url(../images/input-arrow.gif) 2px 6px no-repeat; color:#002c77; border:1px solid #b3b3b3; float:left; margin:0 3px 0 0; width:279px; font-size:90%;}
#ipfinder input.submit {background:#fdfdfd url(../images/input-bg.gif) top repeat-x; padding:0 0; width:90px; height:2.05em}
#ipfinder img.spinner {height:29px;left:279px;position:absolute;top:117px;width:29px;}  
/* intro ends */ 
	
/* moveable */
#moveable {margin-bottom:40px; clear:both; padding-top:10px;}
	* html #moveable{padding-top:20px;}
.groupWrapper{width:310px; float:left; min-height:10px;}
	* html .groupWrapper{height:10px;}
.addmargin{margin-right:20px;}
.groupItem{width:310px; padding-bottom:0; background:#f4f7fa; margin:0 0 20px 0; display:block; clear:both;}
.groupItem .itemHeader{padding:7px 0 4px 15px;  position:relative; background:#1c466e url(../images/item-header.gif) top left repeat-x;}
	* html .groupItem .itemHeader{padding:9px 0 4px 15px;}
.groupItem .itemHeader h2{font-size:120%; color:#fff; display:inline; width:auto; margin-left:5px; border-bottom:none;}
.groupItem .itemHeader h2.addmargin{margin-left:10px; }
.groupItem .itemHeader h2 a{color:#fff; cursor:pointer; text-decoration:none;}
.groupItem .itemHeader h2 a:hover{color:#9fb9d2; cursor:pointer; text-decoration:none;}
.groupItem .itemHeader a.closeEl{position:absolute; left:10px; top:13px; font-weight:normal; text-decoration:none; background:url(../images/css_bg_arrow_down.gif) center left no-repeat; height:7px; width:7px; text-indent:-9999px; display:none;}
	* html .groupItem .itemHeader a.closeEl{background:url(../images/css_bg_arrow_down.gif) 0 2px no-repeat; left:0px;}
.groupItem .itemHeader a.openE1{background:url(../images/css_bg_arrow_right.gif) 0 0 no-repeat;}
	* html .groupItem .itemHeader a.openE1{background:url(../images/css_bg_arrow_right.gif) 0 0 no-repeat;}
.groupItem .itemHeader a.remove{position:absolute; right:10px; top:10px; font-weight:normal; text-decoration:none; background:url(../images/css_icon_close.gif) 0 0 no-repeat; height:15px; width:15px; text-indent:-9999px; display:none;}
.itemContent{margin:0; display:block; height:1%; padding:0; }
.sortHelper{border:1px dashed #666; width: auto !important; }

.itemContent h3{color:#002c77; font-size:110%;}
.itemContent h3 a{text-decoration:none; color:#002c77}
.itemContent h3 a:hover{text-decoration:none;}
.itemContent p{color:#333; margin:0 0 10px 0; font-size:91%}
.itemContent a{text-decoration:none; color:#0c4d8c; }
.itemContent a:hover{color:#000; text-decoration:none;}
.itemContent ul{margin:0 0 10px 0; clear:both;}
.itemContent ul li{background:url(../images/css_bg_hm_li.gif) 0 8px no-repeat; line-height:1.2; padding:2px 0 2px 8px;}
.itemContent ul li a{font-weight:bold;}
.itemContent img.hmfl{float:left; margin:0 10px 10px 0;}
.itemContent img.hmfr{float:right; margin:0 0 10px 10px;}
.itemContent .innercont{margin-left:70px;}
.itemContent p#tagcloud{line-height:1.2;}
.itemContent p#tagcloud a{text-decoration:none; padding:4px; color:#0c4d8c; }
.itemContent p#tagcloud a:hover{text-decoration:none; color:#000;}
.itemContent p#tagcloud a.ten{font-size:82%;}
.itemContent p#tagcloud a.twelve{font-size:100%;}
.itemContent p#tagcloud a.fourteen{font-size:120%;}
.itemContent p#tagcloud a.sixteen{font-size:140%;}
.itemContent p#tagcloud a.eighteen{font-size:160%;}
.itemContent p#tagcloud a.twenty{font-size:180%;}
.itemContent p#tagcloud a.twentytwo{font-size:200%;}
.itemContent p#tagcloud a.twentyfour{font-size:220%;}

.itemContent form.panelform{margin:0 0 10px 0; clear:both;}
.itemContent form.panelform input{border:1px solid #808080; background:#fefefe url(../images/css_bg_input.gif) 0 0 repeat-x; color:#4d4d4d; padding:4px 0 4px 10px; width:200px;}
	* html .itemContent form.panelform input{padding:5px 0 4px 10px;}
.itemContent form.panelform select{color:#4d4d4d; padding:0 0 0 10px; width:200px; margin-top:5px;}
.itemContent form.panelform input.btnpanel{padding:3px 2px 3px 2px; width:auto; background:#fdfdfd url(../images/css_bg_search.gif) 0 0 repeat-x; font-weight:bold; margin-left:8px;}

table{margin:10px 0;}
td input{width:110px;}
td input.check{width:auto; margin-left:15px;}

/* edit */
a.edit{position:absolute; right:30px; top:8px; text-decoration:none; color:#0c4d8c; background: url(../images/css_edit.gif) 0 0 no-repeat; font-weight:bold; display:none; width:31px; height:15px; text-indent:-9999px;}
a.mylinksedit{right:32px;}
.groupItem .itemHeader a.edit.openE1{background:url(../images/css_edit.gif) 0 0 no-repeat;}

.showcontent{padding:20px 20px 5px 20px;}

/* home - news */
.newsinner {border-bottom:1px dotted #002c77; padding:0 0 5px 0; margin:0 0 5px 0}
.newsinner h3 {margin:0; font-size:100%;}
.newsinner h3 a {font-weight:normal}
.newsinner img {float:left; margin:0 10px 5px 0; border:3px solid #fff}
.newsinner p {}
.newsinner em {color:#999; font-size:91%;}

/* home - web updates */
.updateinner {border-bottom:1px dotted #002c77; padding:0 0 5px 0; margin:0 0 5px 0}
.updateinner h3 {margin:0 0 0 0; font-size:100%;}
.updateinner h3 a {font-weight:normal}
.updateinner img {float:left; margin:0 10px 5px 0; border:3px solid #fff}
.updateinner p {}
.updateinner em {color:#999; font-size:91%;}

#updates {}

/* home - hp1 */
div#hp1 img {margin:-20px -20px 15px -20px}

/* home - hp2 */
div#hp2 img {margin:-20px -20px 15px -20px}

/* home - hp3 */
div#hp3 img {margin:-20px -20px 15px -20px}

#panelnews, #panelupd, #panellin, #panelwebs, #panelmylinks {display:none; background:#d4e0ec; margin:0; padding:20px 20px 30px 20px;}
#panelnews input, #panelwebs input{margin-right:10px;}
#panelnews p, #panelupd p, #panellin p, #panelwebs p{padding:0; margin:0 0 5px 0;}
#panelnews p.panedit, #panelupd p.panedit, #panellin p.panedit, #panelwebs p.panedit{background:url(../images/css_show_blue.gif) 0 2px no-repeat; padding:4px 2px 4px 22px;}
#panelnews p.noshow, #panelupd p.noshow, #panellin p.noshow, #panelwebs p.noshow{background:url(../images/css_noshow_blue.gif) 0 2px no-repeat;}
#panelnews p.panedit a, #panelupd p.panedit a, #panellin p.panedit a, #panelwebs p.panedit a{text-decoration:none; font-weight:bold; color:#0c4d8c;}
#panelnews p.panedit a:hover, #panelupd p.panedit a:hover, #panellin p.panedit a:hover, #panelwebs p.panedit a:hover{text-decoration:none; color:#000;}
p.test{padding:4px 4px;}
a.savebut{background:#3d71a3; padding:4px 4px; float:right; color:#fff; text-decoration:none; font-weight:bold;}
a.savebut:hover{color:#9fb9d2;}
#nojs{background:#fff; border:2px solid red;}
#nojs p.jshead{font-size:120%; font-weight:bold;}
hr.hrnews{color:#0C4D8C; background:#0C4D8C; margin:10px 0;}
p.blueArrow a{padding-left:10px; background:url(../images/next-blue.gif) 0 0.4em no-repeat;}

#moveable div#mylinks ul {margin:0;}
#moveable div#mylinks ul li.skiplinks {display:none;}
#moveable div#mylinks ul li {display:block; clear:both}
#moveable div#mylinks ul li a {color:#002c77; font-weight:normal}
#moveable div#mylinks ul li a:hover {color:#000}
#moveable div#mylinks ul li a.removePage {border:none; background:url(../images/css_noshow_blue.gif) no-repeat; padding:0; width:18px; height:18px; text-indent:-9999px; display:block; float:left}
#moveable div#mylinks ul li a.removePage:hover {border:none}
#moveable div#mylinks ul li span {display:none;}
#moveable div#mylinks img {border:5px solid #fff;}

/* quick links */
#quicklinks{width:970px; clear:both; margin-bottom:10px; position:relative}
#quicklinks .itemHeader{border-top:2px solid #0c4d8c; position:relative; padding:0; background:#fff;}
#quicklinks .showcontent{padding:10px 0 0 0;}
#quicklinks h2{display:none}
#quicklinks .itemHeader{padding:0;  position:relative; background:#ff0000 url(../images/item-header.gif) top left repeat-x;}
#quicklinks a.closeEl{position:absolute; left:2px; top:2px; font-weight:normal; text-decoration:none; background:url(../images/css_bg_arrow_down_blue.gif) 0 0 no-repeat; height:15px; width:15px; text-indent:-9999px; display:none;}
	* html #quicklinks a.closeEl{left:5px;}
#quicklinks a.openE1{background:url(../images/css_bg_arrow_right_blue.gif) 0 0 no-repeat;}
#quicklinks a.remove{position:absolute; right:10px; top:9px; font-weight:normal; text-decoration:none; background:url(../images/css_icon_close.gif) 0 0 no-repeat; height:15px; width:15px; text-indent:-9999px; display:none;}
.quickcont{float:left; width:173px; margin-right:12px;}
.qnomar{margin-right:0;}
.quickcont h3{margin-top:10px; font-size:100%; margin-bottom:2px;}
.quickcont ul{margin-top:0;}
.quickcont ul li a{font-weight:normal; font-size:91%;}
.quickcont ul.title {color:#002c77; font-weight:bold; background:none; padding:0 0 5px 0; margin:10px 0 0 0;}
.quickcont ul.title li{background:none; padding:0 0 0 0;}
#quicklinks {background:#f4f7fa}
#quicklinks .itemContent{padding:0 25px 10px 25px;}

#past .showcontent {background:url(../images/homePastPaperIcon.gif) 15px 20px no-repeat; padding:20px 10px 0 80px}
#past .showcontent input {width:201px}

/* cfe panel */
#.groupItem.homecfe {background:#e6eeeb;}
#.groupItem.homecfe .itemHeader{background:#034e2f url(../images/standardH2BgCfE.gif) top left repeat-x;}