/* These declarations are overrides for the default values in the bootstrap.css file. */


body {
	min-height: 2000px;
	padding-top: 54px;									/* Padding from the top of the page to the main text block body */
	max-width: 950px;
	margin: 0 auto;
}


.container {
	max-width: 950px;										 /* Set the width of the navbar */
	background-color: #ff6300;  				 /* MR Orange colour */
	padding: 1px 14px;	 								 /* 1px seems to affect the top, 14px is the side padding from the border to the text */
	min-height: 20px;										 /* Ensures the height of the element is at least 20px */
	border: 1px solid rgba(0, 0, 0, 1);  /* Single pixel width black border */
	margin: 0 auto;
}

/*  This .navbar-inner is a version of the bootstrap .navbar-brand to maintain the text position
for just the SARCALL News text part but to lose the hyperlink and hover actions etc..*/
.navbar-inner {
	background-color: #ff6300;  				/* MR Orange colour */
	float: left;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
}

/*  This .navbar-home is a version of the bootstrap .navbar-brand to maintain the text position
for just the SARCALL Home text part but to lose the hyperlink and hover actions etc..*/
.navbar-home {
	float: left;													/* Not sure why this is needed to keep the format correct */
	color: #ffffff;												/* Active element text colour = White */
	background-color: #428BCA;						/* Colour of the active "SARCALL" or "Home" cell = blue */
	font-weight:bold;
}

.navbar-custom {
	background-color:#ffffff;  					/* Sets the top full width banner including beyond 750px as white */
 	border-radius:0;
}
  
.navbar-custom .navbar-nav > li > a {
  	color:#fff;
  	padding-left:10px;
  	padding-right:10px;
}

.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
	background-color:transparent;
}
      
/* CSS for defining the colours of the hover link attributes */      
.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ffff00;			/* Sets the colour of the background hover to yellow */
    color: #000000;									/* Sets the colour of the text hover to black */
}
      
.navbar-custom .navbar-brand {
  	color:#eeeeee;
}

.navbar-custom .navbar-toggle {
  	background-color:#eeeeee;
}

.navbar-custom .icon-bar {
  	background-color:#33aa33;
}


.main-text-container {
	max-width: 950px;
	background-color: #f5f5f5;  				 /* Light gray colour */
	padding: 1px 14px;	 								 /* 1px seems to affect the top, 14px is the side padding from the border to the text */
	min-height: 20px;										 /* Ensures the height of the element is at least 20px */
	border: 1px solid rgba(0, 0, 0, 1);  /* Single pixel width border */
	margin: 0 auto;
}

/* Used to provide small symmetrical padding around an element such as the progress bar.. */
.margin_5{
    	margin: 5px;
}

/* This style makes the <hr> to be black in colour.. */
hr {
	border-color: #000000;
	padding: 0px
}

/* This style makes the SARCALL Support header text better formatted for the document.. */
h4 {
	color: #FF0000;												/* Active element text colour = Red */
}


/* This style makes the SARCALL Support header text better formatted for the document.. */
h5 {
	color: #000000;												/* Active element text colour = Black */
	font-weight:bold;
}


/* This style makes the "Published by..." text better formatted for the document.. */
.published-container {
	color: #000000;						  				 /* Active element text colour = black */
	font-size:small;
	font-style:italic;	
	padding: 5px	
}	

/* This style formats the SARCALL Support data summary area.. */
.support-container {
	color: #000000;						  				 /* Active element text colour = black */
	background-color: #d3d3d3;					 /* Colour of the background = light grey */
	border: 1px solid rgba(0, 0, 0, 1);  /* Single pixel width border */
	font-size:small;
	padding: 5px	
}	

/* This style makes the SARCALL copyright text better formatted for the document.. */
.copyright-container {
	color: #000000;												/* Active element text colour = black */
	background-color: #d3d3d3;						/* Colour of the background = light grey */
	font-size:x-small;
	font-weight:bold;
	padding: 1px 1px;	 								 /* 1px seems to affect the top, 14px is the side padding from the border to the text */	
}

/* This style formats the SARCALL Asset Declaration summary area.. */
.asset-container {
	color: #000000;						  				 /* Active element text colour = black */
	background-color: #F1FC8B;					 /* Colour of the background = light yellow */
	border: 1px solid rgba(0, 0, 0, 1);  /* Single pixel width border */
	font-size:small;
	padding: 5px	
}	

/* Fieldset configuration for both the set and the legend as a pair.
	 Create a fieldset with a solid border and a light-green background... */
fieldset.group_border_green {
    border: 1px groove #000 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
		background-color:#DAFEE3; !important;    
}

/* Fieldset configuration for both the set and the legend as a pair.
	 Create a fieldset with a solid border and a light-blue background... */
fieldset.group_border_blue {
    border: 1px groove #000 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
		background-color:#DDDCFA; !important;    
}

/* Fieldset configuration for both the set and the legend as a pair.
	 Create a fieldset with a solid border and a light-purple background... */
fieldset.group_border_purple {
    border: 1px groove #000 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
		background-color:#FCF3F6; !important; 
}

/* Fieldset configuration for both the set and the legend as a pair.
	 Create a fieldset with a solid border and a light-yellow background... */
fieldset.group_border_yellow {
    border: 1px groove #000 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
		background-color:#F1FC8B; !important;    
}

/* Fieldset configuration for both the set and the legend as a pair with a red border to the fieldset.
	 Create a fieldset with a solid border and a light-blue background... */
fieldset.group_border_warning_main {
    border: 1px groove #000 !important;
    border-color:#F00 !important;
    border-style: solid;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
		background-color:#ADDCFA; !important;    
}

/* Fieldset configuration for both the set and the legend as a pair with a red border to the fieldset.
	 Create a fieldset with a solid border and a light-yellow background... */
fieldset.group_border_warning_main_yellow {
    border: 1px groove #000 !important;
    border-color:#F00 !important;
    border-style: solid;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
		background-color:#FFFF00; !important;    
}

/* Legend configuration for the above fieldset.
	 This is a generic configuration with a simple italic style but complex padding and location settings... */
legend.group_border_italic {
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: left !important;
    font-style: italic !important;
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    margin-bottom:0;
}