﻿body{
	background-color: #D1D1D1;
	/*background-image: url(images/bg.gif);
	background-repeat: repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	

}
.elMenuBg {
	background-image: url(images/el-menu-bg.gif);
	background-repeat: repeat-x;
	height:41px;
	
}
.menuItemHover a:hover {

background: url(images/menubg.gif) ;
visibility:visible;
display:block;
padding:9px 0px;

}
.dynamicMenuItemHover a:hover {

background: url(images/dynamicmenubg.gif) ;
visibility:visible;
display:block;
padding:9px 0px;

}
.menuItem{

padding:9px ;
}

.dynamicMenuItem{

background: url(images/menubg.gif)  ;
visibility:visible;
display:block;
padding:9px 0px;
}

.fieldBg {
	background-image: url(images/field-bg.gif);
	background-repeat: no-repeat;
	height:26px;
	width: 408px;
}
.textAreaBg {
	background-image: url(images/textArea-bg.gif);
	background-repeat: no-repeat;
	height:62px;
	width: 408px;

}
.topBg {
	background-image: url(images/top-bg.gif);
	background-repeat: repeat;
}
.mainLeftBg {
	width: 24px;
	background-image: url(images/main-left.gif);
	background-repeat: repeat-y;
}
.mainRightBg {
	background-image: url(images/main-right.gif);
	background-repeat: repeat-y;
}
.footerBg {
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	text-align: left;
	
}
.thinLine {
	background-image: url(images/1x1-grey.gif);
	background-repeat: repeat-y;
}
.topMenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
.broed{
	font-size: 11px;
	color:#000000;
	
}
.leftMenu{
	line-height: 18px;
	font-size: 12px;
	color:#98C83C;
	font-weight: bold;
	
}
h1 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
h2 {
	line-height: normal;
	color:#2A4441;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: lighter;
	margin-top: 25px;
    margin-left: 4px;
}
h3 {
	line-height: normal;
	color:#2A4441;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: lighter;
	margin-top: 25px;
    
}
h4 {
	color:#FFF;
	font-size: 14px;
	font-weight: normal;
	padding-top: 5px;
	
	
}
.broed13 {

	
	font-size: 13px;
	color:#000000;
}
p {
	text-align: left; 
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
a, a:active, a:hover, a:visited, a:link {
	text-decoration:none:	
	color:#000;
}
input {
	margin-left: 10px;
	border: 0px none;
	width: 388px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;



}
textarea {
	margin-left: 10px;
	border: 0px none;
	width: 388px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;

}






#master_content
{
	
	color: #fff;
}



#master_content ul
{
	margin: 0 25px 0 30px;
}

#master_contentheader
{
	/*height: 19px;
	background: url(images/rightcoltop.gif) no-repeat right top;

*/
}

#master_contentplaceholder
{
	
	width: 539;
	text-align:left;
	background-color: #000;
	line-height: 1.5em;
}

#master_contentfooter
{
	
}

/* Content Page Layout             */
.demoarea {


	font-size: 12px;
	color:#000000;
	/*font-family:Arial, Sans-Serif;*/
	padding:  6px 6px 0px 4px;
	/*text-align:left;*/
	background: #fff;

	
	/*padding:10px;
	background:#FFF url(images/demotop.png) no-repeat left top;
*/
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	line-height: normal;
	color:#2A4441;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: lighter;
	margin-bottom: 25px;
	
}

.demobottom {
	/*height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
*/
}


.heading {
	padding: 1em 0 1em 0;
	color:#000;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#000;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	
}

p {}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

.codeReference
{
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
}

pre, code {
  width: 139px;
}

.releaseList {
	list-style-type:disc;
}





/* Accordion */
.accordionHeader
{
    
    height: 22px;
    text-decoration: none;
    color: white;
    background-color: Transparent;
    background-image: url(images/accordionbg.gif);
    background-repeat: no-repeat;
	font-family: Arial, Sans-Serif;
	font-size: 12px;

	font-weight: bold;

    margin-bottom: 5px;
    cursor: pointer;
}
.accordionHeader-1
{
    margin-top: 5px;
    height: 21px;
    text-decoration: none;
    color: white;
    background-color: Transparent;
    background-image: url(images/accordionbg-1.gif);
    background-repeat: no-repeat;
	font-family: Arial, Sans-Serif;
	font-size: 12px;

	font-weight: bold;

    cursor: pointer;
}
.accordionHeader-2
{
    margin-top: 5px;
    height: 30px;
    text-decoration: none;
    color: white;
    background-color: Transparent;
    background-image: url(images/accordionbg-2.gif);
    background-repeat: no-repeat;
	font-family: Arial, Sans-Serif;
	font-size: 12px;

	font-weight: bold;

    cursor: pointer;
}

.accordionHeader a
{
	
	color: #FFF;
	background: none;
	text-decoration: none;

 
    padding-left: 0px;
}

.accordionHeader a:hover
{
	color: #fff;
	background: none;
	text-decoration: none;
}
.accordionLink
{
	text-decoration: none;
	position:relative;
	left: 8px;
	top: 4px;
	color: #fff;
	z-index:1000;
	
	}
.accordionLink1
{
	text-decoration: none;
	position:relative;
	left: 8px;
	top: 4px;
	color: #fff;
	z-index:1000;
	
	}
.accordionContent
{
    font-family: Arial, Sans-Serif;
	font-size: 12px;
    
    background-color: #fff;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right:5px;
}
.accordionContent1
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right:5px;
}
.accordionContent2
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #fff;
    background-color: #343536;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right:5px;
    margin-bottom: 5px;
    background-image: url(images/accordionbg-butom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}
.accordionContent3
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: InfoText;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right:5px;
}
/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

ul{
  margin-left: 10px;
  }






