body {  background: #EBEBEB url('../pjp_images/menu_gradient.gif') top left repeat-x;
	background-color: #EBEBEB;
	margin: 0px;
	padding: 0px;
}
p, body, .form-control {  
	font-size: 16px;
}
.form-control {  
	font-size: 14px;
}

a { color: #3366CC;text-decoration: none; }
a:link {  font-family: Arial, Helvetica, sans-serif;  color: #999999; text-decoration: underline; font-style: normal; font-weight: normal}
a:visited { font-family: Arial, Helvetica, sans-serif;  color: #999999; text-decoration: underline; font-style: normal; font-weight: normal}
a:active { font-family: Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline; font-style: normal; font-weight: normal}
a:hover { font-family: Arial, Helvetica, sans-serif; color: #E20A16; text-decoration: underline; font-style: normal; font-weight: normal}
a.btn:link, a.btn:visited { color: #eee; }  /* for bootstrap button links  */

img { text-decoration: none; border: 0px}
img a:hover {
border:0px;
text-decoration: none;
}


/* modify bootstrap */
.form-inline {
	margin-bottom: 15px;
}

.tableCentre {
margin-left: auto;
margin-right: auto;
}

.home-energy-font {
	font-family: verdana, arial, sans-serif;
	font-size: 15px;
}


.buttonCentre {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.vert-space {
	line-height: 26px;
}

/* make left and right margins equal for desktop  */
.content-wrapper {
	margin-left:107px;
}

.contents {
    background-color: #FFFFFF;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 18px;
	font-weight: normal;
}


/*  Set the spacing for h1 etc */
h1 {
	margin-top: 14px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #666666;
	line-height: 20px;	
}
h2 {
	margin-top: 2px;
	margin-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #808080;
	line-height: 16px;	
}

h3 {
	margin-top: 1px;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 15px; */
	font-size: 1.7 rem;
	font-weight: bold;
	color: #333333;
	line-height: 20px;		
}
h4 {
	margin-top: 1px;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
}

/*  card titles - main headers for sections */
h5 {
	font-size: 1.4rem;	
}

.page-heading {
	font-size: 1.5rem;	
}

.navbar .navbar-menu-wrapper {
    transition: width .8s ease;
    padding: 1px 2px;
}

.highlight {
	color: red;
}
/* a class to change mouse pointer to grabbing hand  - for draggable elements */
.grab {
    cursor: grab;
}

/*  Menu styles  */
.menu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 18px; font-weight: normal;
    background: #EBEBEB url("../pjp_images/menu_gradient.gif") top left repeat-x;
}

.menuLinks { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; line-height: 18px; font-weight: normal;}
a.menuLinks:link { color: #FFFFFF; text-decoration: none; border-bottom: 0px; font-weight: normal;}
a.menuLinks:visited { color: #FFFFFF; text-decoration: none; border-bottom: 0px; font-weight: normal;}
a.menuLinks:hover { border-bottom: 1px dotted;}
a.menuLinks:active { color: #40527B; border-bottom: 1px dotted;}

.sectionLink { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #808080; line-height: 18px; font-weight: normal;}
a.sectionLink:link { color: #808080; text-decoration: none; border-bottom: 0px; font-weight: normal;}
a.sectionLink:visited { color: #808080; text-decoration: none; border-bottom: 0px; font-weight: normal;}
a.sectionLink:hover { border-bottom: 1px dotted;}
a.sectionLink:active { color: #40527B; border-bottom: 1px dotted;}

.pageLinks { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #2D73B1; line-height: 22px; font-weight: normal;}
a.pageLinks:link { color: #2D73B1; text-decoration: none; border-bottom: 0px; font-weight: normal;}
a.pageLinks:visited { color: #2D73B1; text-decoration: none; border-bottom: 0px; font-weight: normal;}
a.pageLinks:hover { border-bottom: 1px dotted;}
a.pageLinks:active { color: #40527B; border-bottom: 1px dotted;}
.menuOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #EB867C;
	line-height: 22px;	
}
.menuInnerOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E20A16;
	line-height: 22px;	
}
/*  END Menu styles  */
.content {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0px;
}
.bodyText {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	font-weight: normal;		
}
.bodyTextBold {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	font-weight: bold;	
}
/* journey add - map top controls */
.controlButtons {
        background-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 12px;
}
 .backToTop {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #999999; 	font-weight: normal; 
}

.printFriendlyBkgd {
	background-color: #ffffff;
}
.toolInUse {
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	font-weight: bold;		
}
.required {
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
	font-weight: bold;		
}
.msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0077;
        font-weight: bold;
}
.highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
        font-weight: bold;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}

a.biote:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC6666;
	line-height: 22px;	
 text-decoration: none;	
}

a.biote:hover {
	color: #DD6666;
 text-decoration: underline;	
}

/*  Footer styles  */
.footer {
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

a.footer:link { color: #999999; text-decoration: none;}
a.footer:visited { color: #999999; text-decoration: none;}
a.footer:hover { border-bottom: 1px dotted;}
a.footer:active { color: #CCCCCC; border-bottom: 1px dotted;}
/*  END Footer styles  */

/* Styles related to reports edit and reports create 
 - draggableTxt links to jqueryui  sortable
 - the following styles sort out display of li items and form border */
.draggableTxt  {
    /*position: relative;
    display: block;
    float: left;     */
    list-style-type: none;  
    width: 250px;    
    padding: 3px;
    line-height: 10px;
    text-align: left;
}

li a:link, a:visited {
    line-height: 10px;
}
.contents ul  {
    line-height: 8px;
}
form, fieldset {
    border: 0;
}

/*  committment table - spacing the div for the 'save' column  */
.save-table {
	padding-left: 30px;	
}

.smartForm li {
    list-style-type: none; 
    width: 120px;
}
.smartForm label {
    display: block;
    width: 120px;
}


label.tripSummary {
    font: 12px sans-serif;
    position: absolute;
    text-align: left;
    width: 130px;
	margin-top: 7px;
}

/* for buttons that have a multiline label  */
input[type="text"].multiline {
	margin-bottom: 24px;
	margin-bottom: 24px;
}

.fix-check {
	margin-top: -0.75rem;
	margin-left: 0.015rem;
	margin-right: 1rem;
}

/* make trip summary page edit-address fit all on one line  */
input[type="text"].tripAddr, input[type="submit"].tripAddr {
	width: 180px;
	margin-left: 60px;
}
    
#editor {
    
    width: 200px;
}

@media screen and (max-width: 991px) {
	/* set left margin of content to zero for under 991px */
	.content-wrapper {
		margin-left:0px;
	}
}