/*Red: #B70D61 */

html{height:100%;}
form{min-height:100%; position: relative;}
body {
  font-family: sans-serif;
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.5em;
  color: #333;
  height:100%;
}

a {color: #B70D61;}
a:Hover {color: #ccc; text-decoration: none;}
h1{font-size: 1.2em; font-weight: bold;}
input {color: #333; padding: 2px;}
.btn {background-color:#B70D61; color: #fff; border-radius: 0px; padding:10px; font-size: inherit; font-weight: inherit; vertical-align: inherit;}
.btnFade {background-color: #90272B;}
.btn:hover {color: #fff; opacity: 0.8;}
span.glyphicon {font-size: 0.8em; margin-right: 5px;}
.headerOnGray{background-color: #333; color: #fff; font-weight:300; padding: 10px; margin: 30px 0 10px 0;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border-top-width:0px;}
.tableAlt tr:nth-child(odd)		{ background-color:#eee; }
.tableAlt tr:nth-child(even)		{ background-color:#f9f9f9; }
.trAlternating > td{background-color:#f7f7f7;}
.glyphicon-button{cursor:pointer;}
.glyphicon-button:hover{cursor:pointer; color: #B70D61;}
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*Header Area*/

.loginName {text-transform:capitalize;}

#divTopGrayBar {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: right;
}

#divLogoBar {
    background-color: #f7f7f7;
    padding: 10px;
    text-align: right;
    border-bottom: solid 10px #B70D61;
    margin-bottom: 30px;
}

#divLogoBar_Logo {
    background-image: url("../Images/womenscentre_logo.png");
    background-position-y: center;
    background-repeat: no-repeat;
    height: 50px;
}

.footer {background-color:#333; color: #fff; padding: 5px; text-align: center; position: absolute; bottom:0; width: 100%; margin-top: 40px;}

/*Main Menu*/
#divLogoBar_Logo a{color: #333; padding: 10px; display:inline-block; background-color: #e4e4e4; margin-top: 5px;}
#divLogoBar_Logo a:hover{color: #fff; text-decoration: none; background-color: #B70D61;}

/*Div Buttons*/
.divButton{ background-color: #e4e4e4; padding: 10px; float: left; border: solid 1px #ccc; min-width: 150px; text-align: center; margin-right: 10px; color: #000; margin-bottom: 10px; min-width: 180px;}
.divButton:hover{background-color: #B70D61; color: #fff;}
.divButton > span{display: block; margin:10px; font-size: 2em; }

/*Cascading Menu*/
.menuCascading {float: none !important;}
.menuCascading ul {float: none !important;;}
.menuCascading ul li {background-color: #f7f7f7; display: block; width:100%; margin-bottom: 10px;}
.menuCascading ul li a{color: #333; padding: 10px;}
.menuCascading ul li a:hover{background-color: #B70D61; color: #fff; opacity: 0.8;}
.menuCascading ul li a.selected{background-color: #B70D61; color: #fff;}

/*General Divs*/

.Breadcrumb {border-width: 0px; outline: none; background-color: #f9f9f9; padding: 2px 10px; font-size: 0.8em;}
.GrayBox{border-width: 0px; outline: none; background-color: #f9f9f9; padding: 10px;}
.DivFloatRightButtons{float: right;}

/*Table*/
.table-condensed td {font-size:0.8em;}
.table-condensed td input{padding: 3px;}
.table-condensed td span{font-size:1em;}
.table-condensed th {font-weight: 300; font-size: 0.8em;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px;
}

/*Rad Calendar*/
.radEnabledCss_Default {
    padding: 2px;
    border: solid 1px #999;
    margin-right: 2px;
}

/*TABS*/
.tabbedMenu{}
.tabbedMenu > ul{ margin: 0px; padding-left: 0px;}
.tabbedMenu > ul > li{background-color: #CCCCCC; margin-right: 4px; list-style-type: none; }
.tabbedMenu > ul > li > a{color: #000; padding: 10px; display: block;}
.tabbedMenu > ul > li > a.selected{background-color: #f7f7f7; }

/*UL Lists*/
.ulNoBullets {padding-left: 0px;}
.ulNoBullets > li {list-style-type: none;}