html
{
	width: 100%;
}
body
{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #E2EBED;
	font-size: 0.7em;
}

#mainContainer
{
	width: 975px;
	margin: 5px;
	text-align: left;
}

#portal .portal-column
{
	float: left;
	width: 306px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 3px;
}

.block-hover
{
	border: 1px dashed #ff0000;
	margin-top: 10px;
	display: inline;
}

/* This is the dragable box settings*/
#portal .block
{
	background-image: url(imgs/bg_main.gif);
	background-color: white;
	width: 308px;
	float: left;
	background-color: white;
	padding: 0px;
	margin: 5px;
}

h4
{
	margin: 0px;
}
p
{
	margin-top: 5px;
}

/* utils  */
.treeview
{
	vertical-align: top;
}
.ebosadd
{
	z-index: 2;
	vertical-align: top;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	text-align: right;
	margin-left: 255px;
	margin-top: -12px;
	border: 1px;
	border-color: Gray;
	width: 42px;
}
#portal .ebosh2
{
	background-color: transparent;
	background-image: url(imgs/skema_title_bg.jpg);
	background-repeat: no-repeat;
	width: 308px;
	height: 32px;
	z-index: -1;
}
#portal .ebosh4
{
	display: inline;
	color: White;
	float: left;
	margin-left: 1px;
	margin-top: 4px;
	padding-left: 0;
}
/* Title: Economics and Legal */
#portal .ebosh2 h4
{
	display: inline;
	cursor: move;
	font-family: Tahoma;
	font-size: 11px;
	padding: 2px 6px;
	z-index: -1;
}
.backgroundsolid
{
	background-color: gray;
	height: 0px;
}
.bottom
{
	background-image: url(imgs/bottom_main.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 9px;
	background-position: bottom;
}
.ebosh2 h4 a
{
	font-weight: bold;
}
.ebosh2 h4 a:hover
{
	text-decoration: none;
}
.ebosmodule
{
	z-index: -1;
	width: 5px;
	height: 40px;
	background: #fff url(images/gradient_bg.gif) repeat-x left -250px;
	margin-top: 0px;
}

#portal .ebosedit
{
	font-family: Tahoma;
	font-size: 11px;
	height: 12px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 6px 4px;
	text-align: right;
	text-decoration: none;
}
.ebosedit a
{
	z-index: 2;
	text-decoration: none;
	color: #808080;
}
.ebosedit p.collapse a
{
	display: block;
	height: 16px;
	width: 18px;
	background: url(images/bgebos.gif) no-repeat -175px 3px;
	overflow: hidden;
}
.ebosedit p.collapse
{
	position: absolute;
	top: 12px;
	left: 7px;
}
.ebosedit p.edit
{
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}

/*This is the name of the area */
#portal .ebosArticleH
{
	padding-left: 3px;
	color: #0066cc;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto;
	position: relative;
}

#portal .ebosArticle
{
	padding-left: 3px;
	margin-bottom: -5px;
	display: table-cell;
	margin-top: 5px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	position: relative;
}


#portal .ebosArticle a
{
	text-decoration: none;
	color: #494949;
	padding-left: 0px;
	color: black;
}
#portal .ebosArticle a:hover
{
	text-decoration: underline;
	color: black;
	padding-left: 0px;
}


.ebosh5 ul
{
	padding: 1px 5px 1px 5px;
	position: relative;
	color: #494949;
	line-height: 0.8;
}
.ebosh5 li
{
	color: #494949;
	line-height: 0.8;
	padding: 0px 5px 0px 5px;
}
.ebosh5
{
	border-top: 1px solid #ccc;
	clear: both;
	width: 280px;
}
.ebosh51
{
	padding-left: 35px;
	font-size: .98em;
	color: #347EAF;
}
.ebosh51 a
{
	text-decoration: none;
	padding-left: 5px;
	font-size: .98em;
	color: #347EAF;
}

.ebosTopic
{
	padding-left: 0px;
	font-family: Tahoma;
	font-size: 12px;
	color: gray;
	vertical-align: top;
}
.ebosTopic a
{
	text-decoration: none;
	padding-left: 0px;
	font-family: Tahoma;
	font-size: 12px;
	color: gray;
}
.ebosTopic a:hover
{
	text-decoration: underline;
	padding-left: 0px;
	font-family: Tahoma;
	font-size: 12px;
	color: gray;
}

.topicstatic
{
	margin-left: 5px;
	
	vertical-align: top;
	background: url(images/bullet.jpg) no-repeat 3px 3px;
	font-family: Tahoma;
	
	padding-left: 15px; 
	text-indent: -15px;
}

.contents
{
	padding-left: 10px;
	margin: 0px;
	display: inline;
}

.ebosh3 h3
{
	padding: 2px 11px;
	background-color: #eee;
	font-size: .92em;
	text-transform: uppercase;
	border-top: 1px solid #fff;
	font-weight: normal;
}
.ebosh3 h3 a
{
	color: #494949;
	padding-left: 15px;
	background: transparent url(images/bgebos.gif) no-repeat -290px -357px;
}

.ebosh3 ul
{
	padding: 0px 5px 0px 20px;
	position: relative;
	color: #494949;
}
.ebosh3 li
{
	color: #494949;
}
.ebosh3 dl
{
	margin: 0;
	padding: 5px 0 0 10px;
}
.ebosh3 dl dt
{
	clear: left;
	font-weight: bold;
}
.ebosh3 dl dd
{
	margin: 3px 0 10px 0;
	font-size: .92em;
}
.ebosh3 dl dd.service
{
	float: right;
	margin-right: 10px;
}
.ebosh3
{
	border-top: 1px solid #ccc;
	clear: both;
	width: 280px;
}

.utils p.edit
{
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}

.utils
{
	height: 28px;
	margin-left: 10px;
}
.utils p.collapse
{
	position: absolute;
	top: 12px;
	left: 7px;
}
.utils p.collapse a
{
	display: block;
	height: 16px;
	width: 18px;
	background: url(images/bgebos.gif) no-repeat -175px 3px;
	overflow: hidden;
}

.events
{
	text-decoration: none;
	margin-left: 10px;
	color: #006675;
}


.events:hover
{
	text-decoration: underline;
	color: #123456;
}
.eventsdate
{
	margin-left: 10px;
	color: #006675;
	font-weight: bold;
}
.DotLine
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: #cccccc 2px dotted;
	margin-top: 2px;
	margin-bottom: 5px;
}


.blocked
{
	display: none;
}

div p.addremove
{
	position: relative;
	font-size: 1em;
}

.addremove a
{
	height: 14px;
	width: 14px;
	position: absolute;
	top: -1.7em;
	overflow: hidden;
}
.addremove a.add
{
	right: 28px;
	background: url(/home/release-11-0/img/bgsprite.gif) no-repeat left top;
}

.addremove a.remove
{
	right: 10px;
	background: url(/home/release-11-0/img/bgsprite.gif) no-repeat -18px top;
}

.addremove a:hover
{
	background-color: #fff;
}

.hide
{
	position: absolute;
	left: -5000px;
}

/*
	.customcolor1 {background:#97712E}
	.customcolor2 {background:#545557}
	.customcolor3 {background:#8898A0}
	.customcolor4 {background:#A59626}
	.customcolor5 {background:#11619C}
	.customcolor6 {background:#2D95C8}
	.customcolor7 {background:#01487D}
	.customcolor8 {background:#919192}
	.customcolor9 {background:#800000}
	.customcolor10 {background:orange}
	.customcolor11 {background:blue}*/

.CustomiseHomePage
{
	background: #545557;
	width: 970px;
	margin-left: 5px;
}
.CustomiseEditArticle
{
	background: #545557 none repeat scroll 0 0;
	width: 308px;
}
.HomeSettings ul.static li label
{
	color: white;
}
.HomeSettings p.head
{
	color: white;
}
.HomeSettings
{
	cursor: default;
}

.colourSelection ul.inlineList static
{
	height: 3em;
}
.colourSelection p.head
{
	color: white;
}
.colourSelection
{
}


#editlink
{
	background-position: left -110px;
	width: 17.2em;
}
a#editlink span
{
	padding-right: 19px;
}


/* END DEMO CSS */

/* REQUIRED CSS */

.tophead
{
	background-image: url(imgs/skema_top.jpg);
	width: 900px;
	height: 163px;
}
.skemafonts
{
	font-family: Verdana;
	font-size: 9px;
}
.noavailable
{
	color: gray;
}

.skemafonts9px
{
	font-family: Verdana;
	font-size: 9px;
	text-align: left;
}
.skemafonts12px
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
}

.skemafonts10px
{
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
}
.skematitle11px
{
	font-family: Verdana;
	font-size: 11px;
	color: Black;
	font-weight: bold;
}
.skemalinks
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 9px;
	color: blue;
	cursor: pointer;
	cursor: hand;
}

.skemanavigate
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	color: Black;
	cursor: pointer;
	cursor: hand;
}
.skemamenu
{
	color: white;
	height: 45px;
	font-size: 14px;
	font-family: Tahoma;
	padding-left: 15px;
	padding-top: 5px;
	background-attachment: scroll;
	background-image: url(imgs/index.jpg);
	background-repeat: no-repeat;
}

.skemaleft
{
	background: url(imgs/left.jpg) #DADADA no-repeat left top;
}

.skemafonts11px
{
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
}
.areacolor
{
	color: #778bbd;
}

.skematitle11pxRed
{
	font-family: Verdana;
	font-size: 11px;
	color: #9A0000;
	font-weight: bold;
}

.menu

{
      padding-left:20px;	
      height: 18px;

      background-image: url(  'images/menu_bg.jpg' );

}

.menuParentItem

{

      background-color: Transparent;

      background-image: none;

      font-weight: bold;

      font-size: 12px;

      font-family: Arial;

      color: #666666;

      padding-right: 5px;

      padding-top: 6px;

      cursor: hand;

}

.menuParentItem:Hover

{

      font-weight: bolder;

}

.menuItem

{

      font-size: 11px;

      font-family: Arial;

      border-left: solid 12px #E3E1E2;

      border-bottom: solid 1px #DAEAF9;

      padding: 2px;

      cursor: hand;

      color: #346193;

      width: 150px;

}

.menuItem:Hover

{

      font-weight: bold;

}