/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    
    font-size: 14px;
    font-family: Arial;
    margin: 0;
    padding: 0;
    color: #696969;
}

input, select, option
{
	font-size: 14px;
    font-family: Arial;
}


input[type="submit"], input[type="button"] {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #222;
    font-weight: bold;
    padding: 0.3em 1em;
    transition: all 0.2s ease 0s;
}

input[type="button"]:hover, input[type="submit"]:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #B52218;
    box-shadow:0.3em 0 0 #B52218 inset;
    color: #B52218;
    cursor:pointer;
}

input, textarea, select {
    max-width: 100%;
} 

fieldset 
{ 
	border:1px solid #B52218 
}

legend {
  padding: 0.2em 0.5em;
  border:1px solid #B52218;
  color:#B52218;
  font-size:90%;
  text-align:left;
  }
  
  fieldset .lblTextInForm
  {
  	float:left;
  width:150px;
  
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;

  }
  
  fieldset .lblTextInFormDetail
  {
  	float:left;
  width:150px;
  
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;

  }


table {
    border-collapse: collapse;
    width: 100%;
}
table td, table th {
    border: 1px solid #DC143C;
    /*font-size: 1.2em;*/
    padding: 3px 7px 2px;
}
table th {
    background-color: #DC143C;
    color: #fff;
    font-size: 17px;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}
/*
table tr.alt td {
    background-color: #eaf2d3;
    color: #000;
}
*/
.alt {
    background-color: #eaf2d3;
    color: #000;
}

table tr:hover
{
	background-color: #FEE2E3;
}

.tblNoData
{
	border-collapse: collapse;
    width:auto;
}

.tblNoData td, .tblNoData th {
    border: 0px solid #DC143C;
    /*font-size: 1.2em;*/
    padding: 3px 7px 2px;
}

.tblNoData th {
    background-color: transparent;
    color: #fff;
    font-size: 18px;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}
.tblNoData tbody tr.alt td {
    background-color: transparent;
}

.tblNoData tbody tr:hover {
    background-color: transparent;
}


.header 
{
    position: relative;
    padding-top:150px;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    background-color:#B52218;
    overflow: hidden;
}

.header div
{
	display: inline;
	padding-top:25px;
    float: left;
}

.header .title
{
	font-size: 25px;
	color:#FFFFFF;
	font-weight:bolder;
	width:200px;
}
/*
http://www.w3schools.com/css/css_navbar.asp
http://stackoverflow.com/questions/3201500/keep-div-at-the-bottom-of-another-div-css
*/
.menuContainer
{
	
	position: absolute;
    bottom: 10;

}

.menuContainer ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.menuContainer li {
    display: inline;
    float: left;

}

.menuContainer a 
{
    display: block;
    width: 100%;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    color:#FFFFFF;
    background-color: #A9A9A9;
    text-decoration:none;
}

.menuContainer a:hover
{
    text-decoration:underline;
}

.menuContainer ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

.menuContainer ul ul li
{
	float:none;
	width:200px
}

.menuContainer ul ul a
{
	line-height:120%;
	padding:10px 15px
}

.menuContainer ul ul ul
{
	top:0;
	left:100%
}

.menuContainerul li:hover > ul
{
	display:block
}



.fieldInputForm
{
	margin-left:20px;
}

.fieldFormText
{
	font-weight:bold;
}


.pageWithSubmenu div
{
	display: inline;
	padding-top:25px;
    float: left;
}

.subMenuContainer
{
	background-color:Red;
	font-weight:bolder;
	width:200px;
}


.subMenuContainer ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.subMenuContainer li {
    display: inline;
    float: left;

}

.subMenuContainer a 
{
    display: block;
    width: 100%;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    color:#FFFFFF;
    /*background-color: #A9A9A9;*/
    text-decoration:none;
}

.subMenuContainer a:hover
{
    text-decoration:underline;
}

.subMenuNavigation div
{
	float:none;
	display:block;
	padding:0;
}




.subMenuNavigation
{	
	background-color:Blue;
}