#container {
	height: 100%;
	width: 100%;
	font-family: Verdana, Geneva, serif;
	font-size: 16px;
}
#header {
	font-family: Verdana, Geneva, serif;
	width: 100%;
	height: 155px;
	font-size: 16px;
	border-bottom: 2px solid black;
	background-color: #E4F2F3;
}
html{height: 100%;}
body{background: #f3f3f3 ; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3  0%, #ffffff 24%, #dedede 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3 ), color-stop(24%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3  0%,#ffffff 24%,#dedede 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3  0%,#ffffff 24%,#dedede 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3  0%,#ffffff 24%,#dedede 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3  0%,#ffffff 24%,#dedede 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3 ', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
height: 100%;
}
#exit{
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 3px;
	width: 32px;		
	background-color: #FBFBFB;
	margin-left: 375px;
	display: none;
}
#login {
	font-family: Verdana, Geneva, serif;
	margin: 10px;
	padding: 5px;
	height: 125px;
	font-size: 16px;
	border: 1px solid black;
	background-color: #EEE;
}
#leftSplash {
	position:absolute;
	top: 155px;
	width: 350px;
	height: 100%;
	margin-right: 5px;
	background-image: none;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	background-color: #E4F2F3;
} #DocOps {
	height:75px;
	border-bottom: 1px dotted black;
    vertical-align: middle;
    background-image:url('../img/Doc_Ops_Pic.jpg');
} #filter {
	width: 4em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 10px;
	text-decoration: underline;
} #filter a:hover {
	color: #5555ff;		
} #refreshBtn {
	position: absolute;
	top: 85px;
	left: 320px;
	width: 23px;
	height: 23px;
	background-image:url('../bootstrap/img/glyphicons-halflings.png');
	background-position:-213px -22px;
	float: right;
} #DocDisplay ul {
	margin: 0;
	padding: 0;
}#DocDisplay li {
	margin-left: 15px;
	display: block;
} #DocDisplay li.active{
background: #1E809E;
color: #fff;
} #DocDisplay li.active > a{
background: #1E809E;
color: #fff;
}
#DocDisplay a:hover{
background: #1E809E ;
color: #fff;
}
#DocSplash {
	position: absolute;
	width: 100%;
    height: -moz-calc(100% - 140px);
    height: -webkit-calc(100% - 140px);
    height: calc(100% - 140px);
	overflow-y: auto;
}
#pageContent {
	position: absolute;
	top: 160px;
	left: 370px;
	height: 100%;
    width: -moz-calc(100% - 385px);
    width: -webkit-calc(100% - 385px);
    width: calc(100% - 385px);
}
#header_link {
	margin-top: 25px;
	margin-left: 45px;
	font-family: "Myriad Pro", Geneva, serif;
	font-size: 20px;
	font-weight: lighter;
	text-transform: capitalize;
	color: #00300C;
	text-align: center;
	vertical-align: middle;
	float: left;
	cursor: pointer;
} a:link {
	text-decoration: none;
	color: #00300C;
}
a:visited {
	text-decoration: none;
	color: #00300C;
}
a:hover {
	text-decoration: none;
	color: #00300C;
}
a:active {
	text-decoration: none;
	color: #00300C;
}

form { display: inline-block; }
/*
#popupClose - this is referring to the anchor tag inside the popup conatainer.
We'll absolute position and style it here
*/
#popupClose{  
	font-size:20px;  
	line-height:20px;  
	position:absolute;
	right:6px;  
	top:4px;  
	font-weight:700; 
	display:block;  
}
.Pack_Header{
	font-size: 35px;
}
/*
#bgPopup - this is referring to the element that will cover the whole page 
behind the popup and above the rest of the page.
NOTE: if you are using z-index on the same level in the DOM - 
	#bgPopup z-index needs to have the second highest value (behind #Popup)
*/
#bgPopup{
	display:none;
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;   
	z-index:1;  
}  

/*
#Popup - The popup container
NOTE: if you are using z-index on the same level in the DOM - 
	#Popup z-index needs to have the highest value.
*/
#Popup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */ 
	background-color: #F1F9FF;
	border:2px solid #cecece;  
	z-index:2;  
	padding:12px;
	width: 85%;
}
/*
#myButton - The Button....  make it have Button-like properties
*/
#myButton{
	display:block;
	position:relative;
	font-family:"Trebuchet MS";
	font-size:14px
	text-align:center;	
}
.center{
	margin-left: auto;
	margin-right: auto;
}
#caldiv{
	z-index: 50;
}
.colBox {
    position:absolute;
    top: 250px;
    left:10%;
    right:10%;	
	background-color: #F1F8FE;
}

/*----tabs---*/
.tab-nav-hdr {
/*	float: left;*/
display: block;
padding: 0px;
margin-bottom: 10px;
}
#DocOps a{
	font-variant: small-caps;
	font-size: 20px;
float: left;
display: block;
padding: 5px;
margin-left: 15px;
margin-right: 5px;
text-decoration: none;
}

#DocOps a.active{
background: #710000;
color: #fff;}
#DocOps a:hover{
background: #1E809E ;
color: #fff;
}