<!--

/*
  Layout file common to all pages (other than home).
*/

#glassPane {
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     overflow: auto;
     z-index: 999;
     background: rgb(99,85,81);  /* for browsers without rgba support */
     background: rgba(99,85,81,0.5);
}

.topHeaderHeight {
     height: 70px;
}

#topHeader {
     background: rgb(99,85,81); /* Old browsers */
     height: 70px;  /* If you change this height then change the corresponding height and line-height values in .topHeaderHeight, #headerLinks, .bracket-logo, .skin-switcher */
     border: 1px solid #3784ff;
     position: fixed;
     top: 0px;
     right: 0px;
     left: 0px;
     overflow:auto;
     z-index: 10;
}

#headerLinks {
     top: 4px;
     bottom: 4px;
     vertical-align:middle;
     display: inline;
     line-height:70px;
}

#headerLinks a {
     text-decoration: none;
     color: #ffffff;
     font-weight: bold;
     font-family:Tahoma, Geneva, sans-seriff;
     font-size: 13px;
     margin: 0 40px 0 0;
     cursor: pointer;
}

#headerLinks #liveDemo {
     color: #fbdf2a;
}

#headerLinks a:hover {text-decoration: underline;}

.bracket-logo {
     top: 4px;
     bottom: 4px;
     margin-left: 15px;
     display: inline;
     float: left;
     height: 70px;
     line-height: 68px;  /* 2 pixels less than height since we display border around top header */
}

.skin-switcher {
     top: 4px;
     bottom: 4px;
     margin-right: 15px;
     display: inline;
     float: right;
     height: 70px;
     line-height: 68px;  /* 2 pixels less than height since we display border around top header */
}

.bracket-logo i {
     display: inline-block;
     height: 40px;
     margin: 0 0 0 0;
     position: relative;
     top: 4px;
     width: 150px;
}

.bracket-logo i {
     background: url('./images/logoanim.gif') no-repeat 0 0;
}

.bracket-logo a {
     color: #13fff0;
     font-size: 34px;
     font-weight: 400;
     text-decoration: none;
     vertical-align: middle;
}

.skin-switcher a {
     background: #13fff0;
     font-size: 15px;
     font-weight: 400;
     text-decoration: none;
     vertical-align: middle;
}

.content-table {
     font-family: Tahoma, Geneva, sans-seriff;
}

.pageHeading {
     font-size: 40px;
     width: 100%;
     display: block;
     text-align: right;
     border-bottom: solid thin black;
}

/***************************************/
/****** Start - Footer related css******/
/***************************************/
#footer {
     position: absolute;
     left: 0px;
     right: 0px;
     margin-top: 0px;
     height: 60px;
     line-height: 60px;
     vertical-align: middle;
     background: #f0efef;
}

#footer #centerSpanWrapper {
     width: 90%;
     display: block;
     font-family: Tahoma, Geneva, sans-seriff;
     font-size: 14px;
}

#footer #centerSpanWrapper #leftLinks {
     float: left;
     text-align: left;
     margin-left: 2px;
}

#footer #centerSpanWrapper #leftLinks a {
     color: #6d9952;
     text-decoration: none;
     cursor: pointer;
     margin-right: 15px;
}

#footer #centerSpanWrapper #copyrightNotice {
     color: #9b9b9b;
     float: right;
     text-align: right;
     margin-right: 2px;
}
/*************************************/
/****** End - Footer related css******/
/*************************************/
 -->