/* Content Management "custom_esb" StyleSheet 
   Created by: Ian Jowett of www.comfortweb.co.uk
 	
*/

/* Main HTML Elements */

body
{
    FONT-SIZE: 12px;
    MARGIN: 0px;
    FONT-FAMILY: Verdana;
    color: gray;   
    Min-width: 1000px;
}

body ul li
{
 padding-bottom: 4px;
}

body ol li
{
 padding-bottom: 4px;
}


a
{
	font-size: 12px;
	FONT-FAMILY: Verdana;
	color: black;
}

INPUT
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana;
    color: black;
}

TEXTAREA
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana;
    color: black;
}

SELECT
{
	FONT-SIZE: 12px;
    FONT-FAMILY: Verdana;
    color: black;
}

H2
{
	color: White;
	background-image: url('../../UserAssets/Images/261.jpg');
	background-repeat: repeat-x;
                padding-top: 4px;
               padding-bottom: 4px;
               padding-left: 20px;
	font-weight: 500;
	font-size: 12pt;
               text-transform: lowercase;
}


H3
{
	  color: White;
	background-image: url('../../UserAssets/Images/261.jpg');
	background-repeat: repeat-x;
                padding-top: 4px;
               padding-bottom: 4px;
               padding-left: 20px;
	font-weight: 500;
	font-size: 12pt;
               text-transform: lowercase;

}

H4
{
	color: #a6a6a6;
                color: White;
	background-image: url('../../UserAssets/Images/261.jpg');
	background-repeat: repeat-x;
                padding-top: 4px;
               padding-bottom: 4px;
               padding-left: 20px;
	font-weight: 500;
	font-size: 12pt;
               text-transform: lowercase;
}


/* Header.ascx */

#header
/* main header bar at the top */
{
                background-image: url(../../privateAssets/images/dni/dni-Banner-BlackWhite.jpg); 
	background-color: #a6a6a6;
	background-repeat: no-repeat;
	background-position: Left;
	height: 70px;
	width: 100%;
                padding: 0px 0px 0px 0px;

}

#headerRight
/* right floating image in the header */
{
	height: 0px;
	width: 0px;
	float: right;
                background-color: #adaca8;
}

.navsub
/* bar underneath main header */
{
                padding-top: 5px;
	padding-right: 20px;
	background-image: url(../images/dni_toolbar_black.png);
	background-repeat: repeat-x;
	height: 25px;
	text-align: right;
	vertical-align: top;
	border-bottom: black thin solid;
}

.navsub a
/* links in the bar underneath main header */
{
	font-size: x-small;
	text-transform: capitalize;
	color: #FFFF66;
	vertical-align: bottom;
}

.navsub #breadcrumb
/* breadcrumb in the bar underneath main header */
{
	font-size: x-small;
	text-transform: capitalize;
	color: #FFFF66;
	vertical-align: bottom;
	text-align: left;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	font-size: x-small;
}

.navsub #loginlinks
/* admin links in the bar underneath main header */
{
	padding-top: 5px;
	padding-right: 20px;
	float: right;
}


/* Content Divs (Default.aspx) */


/* Help container on left side of edit pages */
.helpleft
{
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
                float: left;
                width: 30%;
}

.adminContent
{
	width: 65%;
	float: left;
}

.helpright
{

}

/* Left navigation links - although with the right css this can sit below the nav bar */
.sidebarLeft
{
width: 1039px;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
background-image: url(/privateAssets/images/dni/dni-menu-back.jpg); 
background-color: #a6a6a6;
background-repeat: no-repeat;
background-position: Left;
padding-left: 20px;
width: 100%;
padding: 0px 0px 0px 0px;
}

.sidebarLeft ul
{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.sidebarLeft li
{
display: inline;
margin: 0;
}

.sidebarLeft li a
{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white;
color: white;
background-image: url(/privateAssets/images/dni/menu_off.jpg); 
text-transform: lowercase;
 }

.sidebarLeft li a .current 
{
     color: Orange;
}


.sidebarLeft li a:hover
{
       background-image: url(/privateAssets/images/dni/menu_on.jpg); 
}


/* Left content container on main pages */
.contentleft
{
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 0px;
    float: left;
    width:700px;
}

/* Right content container on main pages */
.contentright
{
	margin-top: 10px;
	margin-left: 80px;
    float: left;
    vertical-align: top;
    width: 190px;
}

.contentmiddle
{
   
}

/* Admin Links */
.adminlink
{
	color: red;
	text-transform: lowercase;
}

.divEdit
{
	border: solid 1px Red;
}


/* Tree Node */

.menu
{
}




.LeftMenu
{
	width: 165px;
	font-size: x-small;
}

.MenuNode
{
	color: Black;
	border-bottom-color: gray;
	border-bottom-style:solid;
	border-bottom-width:thin;
	padding-top: 5px;
	width: 195px;
	padding-bottom: 5px;
	text-transform capitalize;
}
.SelectedMenuNode
{
	color: #d3b47e;
	border-bottom-color: gray;
	border-bottom-style:solid;
	border-bottom-width:thin;
	padding-top: 5px;
	width: 195px;
	padding-bottom: 5px;
}

/* Footer.ascx */

#footer
{
    CLEAR: both;
    padding-top: 20px;
    BORDER-TOP: gray thin dashed;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 10px;
    TEXT-ALIGN: left;
    float: left;
    width: 100%;
    vertical-align: bottom;
}

/*@ Admin button classes */
.delete
{
	 background:  url(../images/icoDelete.png) no-repeat ;
	 background-position: left;
	 text-align: right;
	 font-size: smaller;
	 padding-left: 5px;
	 padding-right: 10px;
}

.cancel
{
	 background:  url(../images/icoCancel.png) no-repeat ;
	 background-position: left;
	 text-align: right;
	 font-size: smaller;
	 padding-left: 5px;
	 padding-right: 10px;
}

.save
{
	 background:  url(../images/icoSave.png) no-repeat ;
	 background-position: left;
	 text-align: right;
	 font-size: smaller;
	 padding-left: 10px;
	 padding-right: 10px;
}

.save
{
	 /*background:  url(../images/) no-repeat ;*/
	 background-position: left;
	 text-align: right;
	 font-size: smaller;
	 padding-left: 10px;
	 padding-right: 10px;
}

/* gridview */

.outlineTable
{
	border-collapse: collapse;
	border: 1px solid black;
	margin: 0 0 0 14px; 
}

.outlineTable th
{
	font-weight: bold;
	background-color: #ccc;
}

.noCellPadding 
{
	border-collapse: collapse;
	padding: 0;
}

.paramTable td.paramName
{
	height:20px; 
}

.paramTable td.paramValue
{
}

.paramTable
{
}

td.paramTable
{
}

.paramTable td.paramName
{
}