@media print
{
  /*for printing pages from framework, resized and without menu */
  div#mainContainer
  {
    height: 900px; /* This will fit in one page, values > or 100% sometimes reuslt in 2 pages printed*/
    width: 700px; /* See height comment */
    padding: 0px;
    margin: 0px;
    text-align: left;
    background-color: #000000;
  }

  div#headerContainer
  {
    display: none;
  }
  .navigationContainer
  {
    display: none;
  }
  .navMin
  {
    display: none;
  }
  
  .contentContainer
  {
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
  }

  .contentContainer_Max
  {
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
  }
  
  div#content
  {
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
  }
  .content
  {
    position: absolute;
    left: 0px;
    padding: 0px;
    margin: 0px;
  }

  .frame
  {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 900px;
    padding: 0px;
    border: none;
  }
}
@media screen
{
  
  html 
  {
    overflow:hidden;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
  }

  body 
  {
    overflow:auto;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background-color: #b0bab6;
    background: transparent url(../../Content/images/bgmain.jpg) top left no-repeat;
  }

  div#headerContainer
  {
  	padding: 0;
  	margin: 0;
	  position : absolute;
	  top : 0px;	
	  left : 0px;
	  width: 100%;
	  height: 80px;
  	overflow: hidden;
  }
  
  .navigationContainer
  {
  	padding: 0;
  	margin: 0;
  	position: absolute;	
  	top: 56px;
  	left: 0px;
  	bottom: 0px;
  	width: 195px;
    height:100%;
  	overflow : visible;
  }
  
  .navigationContainer_Min
  {
  	padding: 0;
  	margin: 0;
  	position: absolute;	
  	top: 80px;
  	left: 15px;
  	bottom: 10px;
  	width: 15px;
  	overflow : auto;	
  }

  div#headLeft
  {
  	padding: 0;
  	margin: 0;
  	position: absolute;	
  	top: 0px;
  	left: 0px;
    height: 65px;
    width: 225px;
  	overflow : hidden;	
    background: transparent url(_images/headerbg_left.png) top left no-repeat;
  }

  div#headCenter
  {
  	padding: 0;
  	margin: 0;
  	position: absolute;	
  	top: 0px;
  	left: 225px;
	  height: 80px;
  	right: 150px;
  	overflow : hidden;	
    background: transparent url(_images/headerbg_center.png) top left repeat-x;
  }

  div#headRight
  {
    float:right;
    width: 150px;
    height: 65px;
    background: transparent url(_images/headerbg_right.png) top left no-repeat;
  }

  .contentContainer
  {
  	padding: 0;
  	margin: 0;
  	position: absolute;	
  	top: 56px;
  	left: 195px;
  	right: 0px;
  	bottom: 0px;
   	overflow: auto;
  }
 

  .contentContainer_Max
  {
  	padding: 0;
  	margin: 0;
  	position: absolute;	
  	top: 0px;
  	left: 0px;
  	right: 0px;
  	bottom: 0px;
   	overflow: auto;
  }
    
  .content
  {
  }

  .frame
  {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    border: none;
  }
}
.frame
{
  width: 100%;
  height: 100%;
  display: none;
}

.max_content
{
  position: absolute;
  left: 30px;
  padding-top: 10px;
  width: 95%;
}


.iframe
{
  width: 100%;
  height: 100%;
  border: none;
}


.navMin
{
  position: absolute;
  left: 0px;
  width: 15px;
  height: 100%;
  overflow: hidden;
  display: none;
}

.navMinTop
{
  float:left;
  width: 15px;
  height: 300px;
  background: transparent url(_images/navbg_min.png) top left no-repeat;
  overflow: hidden;
}

.navMinFiller
{
  float:left;
  width: 15px;
  height: 100%;
  background-color: #d0ceca;
  overflow: hidden;
}

div#navigationHeader
{
 	padding: 0;
 	margin: 0;
  width: 210px;
  height: 30px;
  background: transparent url(_images/navbg_top.png) top left no-repeat;
}

div#navigation
{
 	padding: 0;
 	margin: 0;
 	position: absolute;	
 	top: 30px;
 	left: 0px;
 	bottom: 0px;
 	width: 210px;
	overflow : auto;	
  background-color: #d0ceca;
  text-align:left;
}

div#navigationWrapper  
{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -95px;
}

div#navigationFiller 
{
  height: 95px;
}

div#navigationFooter
{
  position:relative;
	height: 95px;
  width: 225px;
	clear:both;
	float:left;
}

div#navigationBottom
{
  position:absolute;
  left:15px;
  height: 35px;
  width: 210px;
  background: transparent url(_images/navbg_bottom.png) top left no-repeat;
}

div#navigationBottomContent
{
  position:absolute;
  top:35px;
  left:15px;
  height: 50px;
  width: 210px;
  background-color: white;
}


div#applicationLogo
{
  top: 10px;
  left: 15px;
  width: 180px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  font-family: Arial;
  font-size: 20px;
  color: White;
}
div#businessLogo
{
  float:right;
  padding-top: 5px;
  padding-right: 5px;
  width: 95px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  font-family: Arial;
  font-size: x-large;
  background: transparent url(_images/asysco.png) top left no-repeat;
}

div#utilities
{
  text-align: right;
  position: absolute;
  top: 0px;
  left: 0px;
}

div#utilities a
{
  text-decoration: none;
  text-transform: uppercase;
  color: White;
}
div#utilities span
{
  text-decoration: none;
  color: White;
  font-size: 12pt;
}


div#breadcrumbs
{
  position: absolute;
  top: 65px;
  left: 10px;
  vertical-align: bottom;
  font-family: Arial;
  font-size: 11px;
}

div#breadcrumbs .node
{
  text-decoration: none;
  color: #000000;
  font-size: 16px;
}

div#breadcrumbs .currentNode
{
  color: #000000;
  font-weight: bold;
}
div#breadcrumbs .separator
{
  background: transparent url(_images/separator_rtl.png) top left no-repeat;
}

.login
{
  color: #000000;
  font-size: 12px !important;
  cursor: pointer;
}