/* --------------------------------------------------------------------------------------------------------------------------------
     -------------  Information Systems Management and Governance  -------  Regular 3 coloumn  -------------
     --------------------------------------------------------------------------------------------------------------------------------
	 From this point on all skins should be annotated at the top to help describe them thus making 
	 skin selction quicker and easier.
	 
	 
	 ------------------------------------------------------------------
	 | images                                               | Logo                |
	 | 					         | search            |
	 ------------------------------------------------------------------
	 | nav     |  content         |                       | right              |
	 |            |  panel             |                       | panel             |
	 |            |                        |                       |                       |
	 ------------------------------------------------------------------
	 
*/


/* GENERIC */
body{
font-family: Arial, Tahoma, sans-serif;
font-size: small;
}

img {
	border:0;
}

h1  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #1A6DB6;
	font-weight: normal;
}

h2, .Head  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #1A6DB6;
	font-weight: normal;
}

.rightPane h2,.rightPane .Head  {
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0px 0px 3px;
}
.rightPane p, .rightPane .SubHead {
    font-size:90%;
    /*font-weight:bold;*/
	color:white;
}

.rightPane a:link, .rightPane a:hover {
	color:white;
	font-weight:bold;
	text-decoration:underline;
}


h3, .SubHead  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #1A6DB6;
	font-weight: bold;
}

h4  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	font-weight: normal;
}

h5  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #1A6DB6;
	font-weight: normal;
}

h6  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #1A6DB6;
	font-weight: normal;
}

tfoot, thead    {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
    font-size:  100%; /*12px;*/
    color: #303030;
}

th  {
    vertical-align: baseline;
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
    font-size:  100%; /*12px;*/
    font-weight:    bold;
    color: #303030;
}


SMALL   {
    font-size:  80%; /*8px;*/
}

BIG {
    font-size:  105%; /*14px;*/
}

BLOCKQUOTE, pre {
    font-family:    "Lucida Console", monospace;
}

td table tr td{
}

.Normal, p 
{
    font-size:105%;
}

ul li   {
	list-style-image: url(Images/bullet_dark.gif);
	list-style-type: none;
	line-height: 1.2; /*needed because line height of p etc. */
	font-size:1em;
}

ul li li, ul li ul li , ul ul li   {
	list-style-image: url(Images/bullet.gif);
	list-style-type: none;
	font-size:100%;
}

/*UL LI LI LI, UL LI UL LI UL LI {list-style-type: square; font-size:100%;} */

ol li{
    list-style-type:    decimal;
}

ol ol li    {
    list-style-type:    lower-alpha;
	font-size:100%;
}

ol ol ol li {
    list-style-type:    lower-roman;
	font-size:100%;
}

hr {
    color: dimgrey;
    height:1pt;
    text-align:left
}

a:link {
	text-decoration:none;	
	color: #00678F;
}
a:visited {
	color: #00678F;
}
a:hover {
	color: #0078A7;
	text-decoration:underline;
}
a:active {
	color: #000000;
	text-decoration:underline;
}



/* --- Overwrite default css end --- */

/* ==================================================== */
/* Tree view styles
/* ==================================================== */
.LSTreeViewContainer{
	margin-left:18px;
}

ul.LSTreeView
{
	margin:0px 0px 0px 0px; /*2px ...*/
	/*text-indent: -14px;*/
	/* ie needs a different so "calculate" */
	/*text-indent:expression("-14px"); */
	padding:0px;
	font-size:0.9em;
}

ul.LSTreeView ul
{
	margin:0px 0px 0px 10px;
	padding:0px;

}
ul.LSTreeView a
{
	padding-left:4px;
	font-size:15pt;
}

/*ul.LSTreeView a.LSTreeViewNonExpandable {padding-left:15px;	margin:2px 0px 0px 14px; padding-left:4px; display:list-item;}*/


ul.LSTreeView li
{
	list-style:none;
	list-style-image: none;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

ul.LSTreeView li a
{
	color:#1A6DB6;	
	font-weight:bold;
}




/* ==================================================== */
/* Misc styles??
/* ==================================================== */


.Spacer{
	clear:both;
	font-size:0px;
}

.textonlylinks {
	font-size:0px;
	visibility:hidden;
	display:none;
}


/* ==================================================== */
/* Skin specific styles */
/* ==================================================== */


#leftnav p { 
	margin: 0 0 1em 0; 
	font-size: 0.9em;
	line-height: 1.2;
}

#footer p, #footer p span.SkinObject{
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #4f027c;
	font-weight: normal;
	font-size: 0.8em;
}



/* ==================================================== */
/* Structural layout */
/* ==================================================== */

#container
{
width: 860px;/*900px;*/
margin: 5px auto;
color: #333;
/*border-top: 1px solid #4f027c;
border-left: 1px solid #4f027c;
border-right: 1px solid #4f027c;*/
line-height: 1.4;

}

#containerwide
{
width: 1024px;
margin: 5px auto;
color: #333;
/*border-top: 1px solid #4f027c;
border-left: 1px solid #4f027c;
border-right: 1px solid #4f027c;*/
line-height: 1.4;

}

#top {
	position:inherit;
	clear:both;
	width:100%;
}

#top #banner {
 width:548px;
 float:left;
 position:inherit;
}

#top h1{
margin-left:5px;
position:inherit;
float:left;
display:block;
height:104px;
width:300px;/*340px;*/
background-image:url(assets/ETPlogoSmall.jpg);
background-position:top right;
background-repeat:no-repeat;
margin-top:0px;

}

#top h1 .replace{
display:none;
}

#top #search{
position:inherit;
margin-top:10px;
float: right;
padding: 5px 5px 5px 5px;
vertical-align:middle;
font-family: Arial, Tahoma, sans-serif;
font-weight: bold;
}

#top #images {
position:inherit;
float:left;
width:100%;
height:143px;
background-color:#CCCCCC;
}

.ContentTitle{
color:#D29D1E;
float:left;
}

.ContentActions{
color:#D29D1E;
font-weight:bold;
font-size:medium;
float:left;
}

.cpane{
font-family: Arial, Helvetica, sans-serif; 
clear:both;
position:inherit;
color:#000000;
font-weight:normal;
font-size:small;
}



#leftnav {
	float: left;
	width: 135px;
	margin: 0;
	/*overflow: hidden;*/
	margin: 0px 0px 0px 0px;
}

#bannerpane{

}
#contentWide
{
    float:left;
	position:inherit;
	background-color: #fff;
	/*border-left: 1px solid #4f027c;*/
	/*padding: 1em;*/
	/* ie uses width of window to set width of this element*/
	margin: 0px 15px 0px 30px;
	padding: 0px 0px 0px 0px;
	width:680px;/*700px;*/
	/*max-width: 800px;*/
	/*min-width: 400px;*/
	color: #000000;
}

#contentExtraWide
{
    float:left;
	position:inherit;
	background-color: #fff;
	/*border-left: 1px solid #4f027c;*/
	/*padding: 1em;*/
	/* ie uses width of window to set width of this element*/
	margin: 0px 15px 0px 30px;
	padding: 0px 0px 0px 0px;
	width:750px;/*700px;*/
	/*max-width: 800px;*/
	/*min-width: 400px;*/
	color: #000000;
}

.content {
	float:left;
	position:inherit;
	background-color: #fff;
	/*border-left: 1px solid #4f027c;*/
	/*padding: 1em;*/
	/* ie uses width of window to set width of this element*/
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	width:480px;/*500px;*/
	/*max-width: 800px;*/
	/*min-width: 400px;*/
	color: #000000;
}

.thincontent .l
{
    margin-left:15px;
}

.thinContent {
	float:left;
	position:inherit;
	background-color: #fff;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:250px;
	/*max-width: 800px;*/
	/*min-width: 400px;*/
	color: #000000;
}

.rightPane {
	width:140px;
	background-color:#5E7332;
	color:#ffffff;
	font-weight:bold;
	margin-top:5px;
}
#ContentPane {
padding:0;
margin:0;
}

#rightPanel {
	position:inherit;
	float: right;/*left;*/
	width: 150px;
	/*background-color:#D29D1E;*/
	/*background-color:#D29D1E;*/
	margin: 0px 15px 0px 0px;
	/*height:100%;*/
	vertical-align:top;
}

.searchTextBox {
	float:right;
	position:inherit;
	padding-bottom:5px;
}

.image {
vertical-align:top;
padding-top:0px;
}

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	height: 40px;
	width:100%;
	background-color:transparent;
	background-image:url(Images/base.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
}
#footer p
{
    /* text-indent:-80px; */
}
#footer .horizontalItemSimple{
position:inherit;
color:#000000;
width:auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer .horizontalSelSimple{
position:inherit;
color:#D29D1E;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer .horizontalMenuSimple{
position:inherit;
color:#000000;
font-size:x-small;
background-color:#cccccc;
display:inline;

}
#footer .horizontalSep{
background-color:#cccccc;
border:0px;
}

/* Radmenu styles  */
.radmenu  .rootGroup{
    white-space:normal !important;
}

.radmenu  .level1{
    white-space:nowrap !important;
}

.radmenu .level1 .first {
	border-top: 1px solid #bfcde3;
}

h3 .Head
{
font-size:16px;
font-weight:bold;
}

table.DynamicRegFail {
	border: 1px solid red;
}

.welcome {
border:solid 1px #cecece;
padding:10px;
width:100%;
}

.fmpad td {
padding-bottom:10px;
vertical-align:top;
}