/* CSS Document

   This is a basic Skin css file to modify colours layout etc.
   Basic functionality is in main.css. main.css is the same for all skins
   
   This file should ONLY include the classes that you intend to modify. The
   portal uses the 'cascade' feature of CSS to allow your stylesheet
   to inherit the styles from main.css.
*/


/* CSS Document */

/* Overrides from Merlin */

html body
{
	font-family:  Helvetica, Arial, sans-serif, Verdana, Lucida;
	text-align:center;
	font-size:100%;
	width:100%;
	background: #FFF;
}

h1{
	color:#000;
	font-size:115%;
}

h2{
	color:#a72818;
	font-size:112%;
}

h3{
}

h1,h2,h3{
	text-transform:uppercase;
	padding:0;
	margin:0;
}

/* Use of id links from MetaPoint past */
/* same as topContainer */
#header, .header {
	float:left;
	background-color:#fff;
	width: 100%;
}

#header h1, #header h1 a {
	display: inline;
	font-family: Helvetica, Arial, sans-serif, Verdana, Lucida;
	color: #eee;
}


/* Following is from the Elegant Skin */
/*  This is the horizontal_navigation stuff */

/* horizontal not used in RGS */
/* is following used in RGS ????*/

#navcont {
	width: 120px;
	height: 100%;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ccc;
	background-color: white;
}

/* very similar to maincont however thinner left margin */
.systemapp {
 	float: left;
	position: relative;
	width: 99%;
	background-color: white;
	margin-top: 2px;
	margin-left: 1%;
}

.systemapp a{
 	color: white;
}
/* vertical column used for tools and nav in RGS sub */

DIV.vert_column01 {
	float: left;
	position: relative;
  	background-color: #333333;
    color: #FFF;
	margin-top: 2px;
	margin-left: -100%;
	width: 220px;
	right: 219px;
	text-align: left;
    line-height: 1.3em;
	font-size: 1em;
}

.vert_column01 a{
	color: white;
}
/* IE 6 hacks: used to place RGS Sidebar properly ???? */

* html .maincont {
  width: 70%;  /* approximate browser width of div*/
}

* html .systemapp {
  width: 74%;  /* approximate browser width of div */
}
* html div.vert_column01 {
	left: 1%;  
}

/* END OF IE6 hacks */

/* vertical nav menu from Metapoint in RGS */
DIV.v_navmenu {
	float: left;
	text-align: left;
}

#navmenu {
	border-top: 1px solid #ddd;
}

DIV.navmenu {
	border-bottom: 1px solid #eec;
	background-image: url("../images/arrow_bullet.gif");
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-left: 10px;
	margin-left: 5px;
	width: 100%;
}

.navmenu a{
	color: #FFF;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	text-decoration: none;
}

.navmenu a:hover {
	color: #ec9700;
}
/* end vertical nav menu in RGS */

/* sidemenu, floats, currently appears as pipe
**    	MS problem with floats and margins requires extra "wrappers"
**	links pale blue and soft red
*/

.sidemenu {
	float: left;
	background-color: transparent;
	width: 100%;
	font-size: 1em;
}

.sidemenu.menuitem { 
	position: relative;
  	background: #333333;
    color: #FFFFFF;
    line-height: 1.3em;
	font-size: 1em;
    width: 83%;
	padding-left: 10%;
    text-align: left;
}
.sidemenu.google { 
	border: 1px solid #000000;
  	background: #333333;
    color: #FFFFFF;
    position: static;
	font-size: 0.9em;
    width: 98%;
    padding-left: 2%;
    text-align: left;
}
.sidemenu.heading{ 
    position: static;
    color: #FFFFFF;
	font-size: 1.1em;
    background-color: #000;
	width: 98%;
	height: 1.6em;
    padding-left: 2%;
    text-align: left;
}
.sidemenu.drillbit{ 
        position: static;
        width: 94%;
	height: auto;
        background: transparent; 
        color: #FFFFFF;
	font-size: 1.1em;
    	text-align: center;
}
 
.sidemenu a:link{ 
    color: #FFF; 
	text-decoration: none;
}

.sidemenu a:visited{ 
    color: #FF3333; 
	text-decoration: none;
}
.sidemenu a:hover{ 
	color: #ec9700;
	text-decoration: none;
}
	
/* End RGS vertpanel */



/* SystemApp Display */
/* output from main function*/

.transitional_portal {
	float: left;
	width: 100%;
	background-color:#ce6100;
	text-align: left;
}

/*  margin: 2em; removed from below not sure what problems this may cause */

#transitional_form, DIV.transitional_form, DIV.transitional_simple {
border: 1px solid;
        clear: both;
        text-align: left;
        padding: 1em;
		background-color: #eee;
}

.transitional_form table{
	float: right;
}


span.info {	
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #000000;
	background: none;
	display: block;
	margin: 0;
	padding: 2px 20px 2px 20px;
	font-weight: normal;
}


/* footer code from Merlin Edge */

#footer, .footer, .page_footer{
	clear:both;
	float:left;
	width:100%;
	background-color: #fff;
	border-top:#bebebe solid 1px;
	padding-top:0px;
}

#footer {
	border-top: none;
}

.page_footer ul{
	padding-left:20px;
}

.page_footer li{
	line-height:12px;
	float:left;	
	background:#fff url("../_images/separator03.gif") no-repeat bottom left;
	padding:0px 8px 0px 8px;
}

.page_footer span{
	float:right;
	padding-right:30px;
	color:#989797  !important;
}

.page_footer li a,
.page_footer span{
	color:#4b4b4b;
	font-size:68.5%;
}



/* Code from Merlin Edge */


div#homepage h1{								/* This is needed for semantics but should not be displayed */
	position:absolute;
	top:-100px;
	left:-600px;
}

.homepageTitle{
	position:absolute;
	top:-400px;
	left:-1000px;
}

.element_container{
	width: 100%;
}
.container_element{
	width: 100%;
}

.globalContainer {
	text-align:left;
	margin:0 auto;
	width:95%;
}

.topContainer{
	float:left;
	background-color:#fff;
	width: 100%;
}

.topContainerUpper{
	width: 100%;	
}

.containerStyle01{
	float:left;	
	padding-left:1.8em;
}

li.separator-off{
	background-image:none   !important;	
}

/* Following shoould maybe be pixels, relate to size of corner01.gif 
Old was a padding of 2em to the right */

.topContainerUpper .containerStyle02 ul{
	float:right;
	padding:0px 0px 0px 26px;
	background:#fff url("../_images/corner01.gif") no-repeat top left; 
}
.topContainerUpper .containerStyle03{
	border: 1px solid;
	float: right;
	padding:0.2em 0.2em 0.2em 0.2em;
	clear: right;
	background: transparent; 
}

/* Following shoould maybe be pixels, relate to size of corner01.gif */
/*	see above works this way though */

.topContainerUpper ul li{
	float:left;
	padding:6px 1.1em 6px 1.1em;
	background:#ec9700 url("../_images/separator01.gif") no-repeat top left;
}

.topContainerUpper ul li a{
	color:#fff;
	font-size:0.7em;
	line-height: 12px;
	text-transform:uppercase;
	display:block;
}


/* bar that holds New Page, New Section Selects
New style which includes the clipboard */

#admin_bar {
	position: fixed;
	bottom: 0%;
	width: 95%;
	background: #ffffcc;
    text-align: center;
	border: 3px solid #FCCA2C;
}

#admin_bar H2 {
	text-align: left; 
	background-color: #FCCA2C;
	padding:0.2em 0em 0.1em 0.2em;
	margin: 0em 0em 1em 0em;
}

#admin_bar select {
	border: 1px dashed #FCCA2C;
	margin: 0em 1em 0em 0.7em;
}

#admin_bar a {
	border: 2px solid #a72818;
	margin: 0em 0.5em 0em 0.5em;
	padding:0.3em 0.3em 0.3em 0.3em;

	background-color: #FCCA2C;
	color: #a72818;
	white-space:nowrap;
}

/* CSS for GizmoTags */

/* breadcrumbs div that holds tree & edit-panel */

.tagCatPathClass {
		color: #000;
        font-size: 0.9em;
        padding: 0.3em 0.3em 0.3em 1em;
}

.tagCatPathClass a{
		color: #ec9700;
}

.tagWelcomeClass {
}

.tagWelcomeClass a{
	color: #FFF;
}

.online_user {
	color: #FFF;
}

/* More Merlin Edge */


.topContainerMiddle {
	width: 100%;
	clear:both;
}

div.topContainerMiddle ul{
	float:left;
	width: 100%;
	line-height: 2em;
	background:url("../_images/background01.gif") repeat-x top left;
}

.topContainerMiddle ul li{
	float:left;
	padding:2px 18px 0px 18px;
	background:url("../_images/separator02.gif") no-repeat top left;
	letter-spacing:0.5px;
}
.topContainerMiddle ul li.last{
	float: right;
	padding:2px 18px 0px 18px;
	background:url("../_images/separator02.gif") no-repeat top left;
	letter-spacing:0.5px;
}

.topContainerMiddle ul li a{
	color:#fff;
	font-size:1em;
	text-transform:none;	
}

.topContainerMiddle ul li last{
	vertical-align: top;

	float: right;
	padding:2px 2px 0px 18px;
	background:url("../_images/separator02.gif") no-repeat top left;
	letter-spacing:0.5px;
}

.topContainerMiddle .text_button {
	vertical-align: top;
    color: white;
	background:url("../_images/separator02.gif") no-repeat top left;
	border: 0px;
}

.topContainerLower{
	width: 100%;
	clear:both;
	float:left;
	padding:7px 0px 7px 0px;
	background-color:#ce6100;
}

.topContainerLower .containerLeft{
	float:left;
	width: 45%;
	padding:10px 0px 0px 40px;
}

.containerLeft .inner{
	width:100%;	
}

.topContainerLower .containerRight{
	float:right;
	width: 40%;
	background-color:#ec9700;
	padding:10px 20px 10px 16px;
}

.containerLeft .inner .textStyle01{
	color:#fff;
	font-size:137.5%;
	padding-top:0px;
}

.topContainerLower p,
label{
		font-size:75%;
		color:#4a3600;
		padding:10px 0px 0px 0px;
}

.topContainerLower p span{
	padding:0px 84px 0px 32px;	
}

.topContainerLower input.btnStyle01{
		margin-left:65px;
}

.topContainerLower a{
	color:#842d00;
        font-weight:bold;
}

.containerRight .inner{
	width:90%;
}

.containerRight h2{
	font-size:87.5%;
	color:#fff;
}

.containerRight p{
		
}

.mainContainer{
	width: 100%;
	float:left;
	margin-top: 3px;
	font-size:1em;
	background:#fff url("../_images/bg01.gif") repeat-x top left;
}

.mainContainer .containerLeft{
	float:left;
	width:54%;		/* temp */
	padding:10px 4px 0px 16px;
}

.mainContainer .containerRight{
	float:right;
	width:40%;
	background:#fff url("../_images/bg02.gif") repeat-x top left;	
	border-left:#FFF solid 3px;
	padding:0px 16px 0px 16px;
}


.mainContainer .containerLeft p{
	font-size: 0.8em;
	color:#fff;
	padding-top:15px;
}

.topContainerLower .containerLeft{
	float:left;
	padding:15px 30px 0px 40px;
}


/* #####################################################################
 CSS for dynamic dialogs, mostly self contained

*/


.dialogContainer{
	float:left;
	width:100%;
	background:none;
	background-color:#ce6100;
}

.dialogContainer h2.textStyle01{
	padding-top:0.6em;	
	letter-spacing:1px;
	text-transform:none;
	color:#fff;
	font-size:1.4em;
}

.dialogContainer p{
	font-size:1em;
	color:#fff;
	padding-top:0.5em;
}

.dialogContainer p.textStyle02{
	border-bottom:#ec9700 1px solid;		
	padding-bottom:1.1em;
}

.dialogContainer p.textStyle03{
	text-align:center;
	padding-bottom:0.5em;
}

.dialogContainer div.innerdialog{
	width: 92%;
	float:left;
	padding:0em 1.4em 0em 3em;	
}

.dialogContainer div.containerStyle04{
	border-bottom:#ec9700 1px solid;		
	padding-bottom:1.1em;
	padding-left:1.1em;
}


.dialogContainer label.textStyle02{
	font-size:1em;
	color:#fff;	
}

.dialogContainer span.anchor{
	color: #000000;
	background: none;
	margin-left : 1em;
	padding: 2px 1em 2px 2em;
	font-weight: normal;
	font-size:1.1em;
}

.dialogContainer span.form{
	color: #000000;
	background: none;
	margin-left : 1em;
	padding: 2px 2em 2px 2em;
	font-weight: normal;
	font-size:1em;
}

.innerdialog input.btnStyle01{
		margin-right:5em;
}


.innerdialog ul li{
	line-height:2em;
	padding-left:4em;
	color:#FFF;
	font-size:1em;
}


.containerLeft a{
	color:#fff;
}


.containerLeft h2,
.containerLeft h3
{
	font-weight:normal;
	text-transform:none;
}

.containerLeft h2{
	letter-spacing:1px;
	text-transform:none;
	color:#fff;
	font-size:137.5%;
}

.containerLeft h2.textStyle01{
	font-size:293.5%;
}

.containerLeft h2 span{
	color:#ec9700;
}


.containerLeft h3{
	font-size:1.2em;
	padding:20px 160px 10px 0px;
	color:#842d00;	
}

a.linkStyle01{
	color:#842d00;
	font-weight:bold;
}
.containerLeft h3 span{
	color:#fff;
}

.containerLeft ul{

}

.containerLeft ul li{
	line-height:25px;
	padding-left:30px;
	color:#842d00;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:87.5%;
}

.containerLeft ul li.b1{
	background:url("../_images/n1.gif") no-repeat top left;
}

.containerLeft ul li.b2{
	background:url("../_images/n2.gif") no-repeat top left;
}

.containerLeft ul li.b3{
	background:url("../_images/n3.gif") no-repeat top left;
}

.mainContainer .containerRight .rightInner{
	width: 100%;
	padding:8px 0px 0px 0px;	
}

.mainContainer .containerRight .container01{
	float:left;
	padding:0px 0px 0px 0px;
	width:100%;
}

.mainContainer .containerRight .container01 ul{
	float:left;
	width:100%;
	padding-top: 13px;
	padding-bottom: 10px;
}

.mainContainer .containerRight .container01 ul li{
	background:#4b4b4b url("../_images/bullet01.gif") no-repeat top right;
	line-height:4em;
	padding:5px 85px 5px 15px;
	margin-bottom:5px;
}

.mainContainer .containerRight .container01 ul li a{
	color:#d3d3d3;
	font-size:137.5%;
}

.mainContainer .container01Lower{
	clear:both;
	float:left;
	padding:30px 15px 10px 15px;
}

.mainContainer .container01Lower h3{
	text-transform:none;
	color:#5b5b5b;	
	font-size:137.5%;
	white-space:nowrap;
}

.mainContainer .container01Lower p,
.mainContainer .contentBlock a{
	color:#4b4b4b;
	font-size:0.8em;
}

.contentBlock{
	padding-top:15px;	
	width:240px;
}

.mainContainer .contentBlock a{
	font-weight:bold;
	font-size:1em;
}

.adContainer {
        float:left;
        width: 100%;
        height: 15em;
}

.adContainer .container02{
        width: 23%;
        height: 14em;
        float: left;
        background:#4b4b4b;
        margin-right: 1%;
        margin-left: 1%;
}

.adContainer .container02 .adContent{
        color: #FFFFFF;
        height: 13em;
        text-align: center;
        font-size: 1.1em;
        background:#4b4b4b;
        width: 100%;
}


.adContainer .container02 .adContent a{
        color: #FFF;
        text-decoration: underline;
}


/* CSS for result tables

/*blue yellow colour scheme

*/

.resultstable{
        border-bottom: 1px solid white;
        border-collapse: collapse;
        width: 98%;
        color: #FFF;
        background: #ce6100;
        text-align: left;
        padding: 0.5em 0 0.5em 0em;
        margin-left: 2%;
        font-family:  Helvetica, Arial, sans-serif, Verdana, Lucida;
        font-size: 1em;
}

.resultstable a{
        color: white;
        font-size: 1.2em;
        text-decoration: underline;
}

.resultshead{
        color: white;
        background: #ce6100;
        padding: 0.5em 0 0.5em 0;
        font-family:  Helvetica, Arial, sans-serif, Verdana, Lucida;
        font-size: 1.2em;
}


/* Smaller than page font .9 vs 1
*/

.resultstext{
        border: 1px solid #ce6100;
		color: #000000; 
		text-align: left;
		padding: 0.5em 0 0.5em 0;
		font-family:  Helvetica, Arial, sans-serif, Verdana, Lucida;
        font-size: 0.9em;
}

/*blue yellow colour scheme
*/
.resultshighlight {
		color: white;
		border: 1px solid #000099;
        background: #ce6100;
		text-align: left;
		padding: 0.5em 0 0.5em 0;
		font-family:  Helvetica, Arial, sans-serif, Verdana, Lucida;
        font-size: 1em;
}      

.resultshighlight a{
                color: white;
		background: #ce6100;
                text-decoration: underline;
}


li a:hover,
p a:hover{
	text-decoration: underline  !important;
}

.site_library .container_element {
	float:left;	
	width: 100%;
	border: 1px solid #000099;
	padding-top:5px;
	padding-left:12px;
}

.testspan{
	font-weight:bold;
}

/* yellow with brown border button, line-height is needed otherwise lines overlap */
.text_button {
	line-height: 2.5em;
	border: 2px solid #a72818;
	padding:0.3em 0.3em 0.3em 0.3em;

	background-color: #FCCA2C;
	color: #a72818;
	white-space:nowrap;
}

.element_description UL {
        list-style-position: inside;
        list-style-type: circle;
}

.whatsnew a{
	color:#ce6100;
}

.rssfeed a{
        color:#ce6100;
	padding-left: 2em;
	line-height: 1.5em;
}

.rssfeed h2{
        background-image: none;
        background-color: #ffd;
        padding: 3px 8px 0px 5px;
        margin-right: 10px;
        font-size: 1.1em;
        border: 1px solid #bbb;
}