/* Content Management "custom_dni" StyleSheet 
   Created by: Ian Jowett of www.comfortweb.co.uk
 	
*/

/* Main HTML Elements */

body
{
    FONT-SIZE: 12px;
    MARGIN: 0px;
    FONT-FAMILY: Verdana;
    color: black;   
    width: 100%; 
}

a
{
	font-size: 12px;
	FONT-FAMILY: Verdana;
}

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: #d3b47e;
}


H3
{
	   color: #d3b47e;
}

H4
{
                   background-color: #457a02;
	   color: #ffffff;
                   padding: 4px 4px 4px 4px;
                   font-weight:200;
                   font-family:Century Gothic;
                  font-size: 12pt;

}


/* Header.ascx */

#header
/* main header bar at the top */
{
                background-image: url(../../UserAssets/Images/243.jpg);
	background-color: #ffffff;
	background-repeat: no-repeat;
	height: 130px;
	width: 1000px;
text-align: center;
}

#headerRight
/* right floating image in the header */
{
	
}

.navsub
/* bar underneath main header */
{
	/* padding-top: 5px; */
	padding-right: 20px;
padding-left: 30px;
	background-image: url(../../UserAssets/Images/244.jpg);
	background-repeat: repeat-x;
	height: 25px;
	text-align: center;
	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: White;
	vertical-align: bottom;
}

.navsub #breadcrumb
/* breadcrumb in the bar underneath main header */
{
	font-size: x-small;
	text-transform: capitalize;
	color: White;
	vertical-align: bottom;
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
	font-size: x-small;
float: left;
}

.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: 10px;
	margin-left: 10px;
	margin-right: 10px;
    float: left;
    width: 30%;
}

.adminContent
{
	width: 65%;
	float: left;
}

.helpright
{

}
.MainDiv
{
width: 1000px;
}




/* Left content container on main pages */
.contentleft
{
text-align: left;
float: left; 
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 30px;
                width: 750px;
}

/* Right content container on main pages */
.contentright
{
                float: left; 
	margin-top: 0px;
	margin-left: 0px;
                vertical-align: top;
                width: 190px;
                height: 100%;
                border-left-style: dotted;
	border-left-width: thin;
	border-left-color: #73923e;
	border-right-style: dotted;
	border-right-width: thin;
	border-right-color: #73923e;
                padding: 10px 10px 10px 10px;

}

.contentmiddle
{
   
}

/* Admin Links */
.adminlink
{
	color: red;
	text-transform: lowercase;
}

.divEdit
{
	border: solid 1px Red;
}


/* Tree Node */

.menu
{
}




.LeftMenu
{
	width: 165px;
	font-size: x-small;
text-align: left;
}

.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;
}

/* 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
{
}

/* Left navigation links - although with the right css this can sit below the nav bar */

.sidebarLeft
{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../../UserAssets/Images/254.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.sidebarLeft li
{
	float:left;
}

.sidebarLeft li a
{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.sidebarLeft li a b
{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.sidebarLeft li.current a, .glossymenu li a:hover
{
	color: #fff;
	background: url(../../UserAssets/Images/255.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.sidebarLeft li.current a b, .glossymenu li a:hover b
{
	color: #fff;
	background: url(../../UserAssets/Images/256.gif) no-repeat right top; /*right tab image path*/
}