/* CSS Document 
Authored by:SJ/JM
For: Building Futures
Date: 1/09*/

html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset,table,td,img {/*Sets up a series of default settings, and how other selectors can inherit them. This reduces the size of your CSS file and decreases any style maintenance*/
   margin: 0;
   padding: 0;
   border: 0;
}

html {
  background: #CEC2AF url(/Portals/0/images/main_bkgd.jpg) no-repeat top left;
}
body {
	 /* background: #CEC2AF;*/
	 text-align: left;
	 font-family:  Arial, Verdana,Helvetica, sans-serif;
	 margin-bottom: 25px;
     width: 900px;
	 margin: 0;
	 font-size:100%;
}

/*google search*/
#cse-search-results iframe {
  width: 500px; }
table {
 border-collapse: collapse;
}
a {
  cursor:pointer;
}
sub,sup {
  font-size:80%;
  line-height:100%;
}
#wrapper {
    text-align: left;
   /*background: url(/Portals/0/images/bkgd_build_fut_vert.gif) no-repeat 0 179px;*/
 	padding-left: 170px;
}
#frontpik.content {
  background: url(/Portals/0/images/frontpik_constructionman.png) no-repeat;
  width:190px;
  height:290px;
  position:fixed;
  bottom:0px;
}
#frontpik_home {

  background: url(/Portals/0/images/frontpik_home.png) no-repeat;
  bottom:0px;
  position:fixed;
  width:1297px;
  height:288px;
}
/*mast styles*/
#mast {
	 background: url(/Portals/0/images/bkgd_mast_content.jpg) no-repeat;
	 height: 181px;
}
.home #mast {
	 background: url(/Portals/0/images/bkgd_mast_home.jpg) no-repeat;
	 height: 179px;
}
#flash {
  float: left;
  width: 112px;
}
.header {
  float: left; 
  width: 196px;
  padding: 148px 0 0 2px;
}
#logo {
  position:absolute;
  top:20px;
  left:793px;
}
.home #logo {
  position:absolute;
  top:16px;
  left:796px;
}
#topnav {
  float: right;
  width: 270px;
  font-size: 9px;
  font-weight: bold;
  padding: 155px 0 0 0px;
  margin-right:35px;  
}
.safari #topnav {
  margin-right:30px;  
}
.home #topnav {
  width: 210px;
  padding: 155px 0 0 0px; 
  margin-right:35px;
}
.safari .home #topnav {
  margin-right:30px;  
}
#topnav a,#topnav a:link,#topnav a:visited {
  color: #FFF;
}
#topnav #share img{vertical-align:top;}
#topnav ul {
  float: left;
}
#topnav li {
   float: left;
   list-style-type: none;
   padding-left: 15px;
}
#topnav li a {
   display: block;
 }
#topnav a,#topnav a:link,#topnav a:visited {
  color: #FFF;
  text-decoration: none;
}
#topnav a:hover {
color: #4D1F0A;
}
#loginlinks a {
  font-size: 9px;
  font-weight: bold;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-transform:uppercase;
}

#contentholder {
   background: #CEC2AF;
   width:685px;
}

#contentholder h1 {
   font-size: 1em;
   margin-bottom: 5px;
  text-transform:uppercase;
}
#contentholder h2 {
  font-size: 1em;
  margin-bottom: 5px;
   text-transform:capitalize;
}
.home #contentholder h2{
  font-size: 1em;
  margin-bottom: 15px;
  text-transform:uppercase;
}
#contentholder h3 {
  font-size: .9em;
  margin-bottom: 5px;
   text-transform:uppercase;
}
.home #contentholder h3{
  font-size: .9em;
  margin-bottom: 15px;
  text-transform:uppercase;
}
#contentholder p {
   padding-bottom: 15px;
}
#contentholder ul {
   margin-left: 25px;
   margin-bottom:10px;
   list-style-type: square;
}
#contentholder ol {
 margin-left: 25px;
   margin-bottom:10px;
}
#contentholder ul ul,
#contentholder ol ol {
  margin-bottom:5px;
}
#contentholder a,
#contentholder a:link,
#contentholder a:visited {
color:#502608;
  text-decoration: underline;
}
#contentholder a:hover { 
 color: #FFF;
}
.resources a,
.resources a:link,
.resources a:visited {
  color:#FFF !important;
  font-weight:bold !important;
  text-decoration: none !important;
}
.resources a:hover {  
  text-decoration: underline !important;
}
.table {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  padding: 0;
  margin: 0;
}
.table td {
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  padding: 5px;
  margin: 0;
}
 .imageright {
  margin-left: 12px;
  margin-bottom: 5px;
  float: right;
}
.imageleft {
  margin-right: 12px;
  margin-bottom: 5px;
  float: left;
}
#mainav {
  padding-top: 20px;
/*  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;*/
  float:left;
  width:105px;

}
#mainav ul {
  margin:0;
  padding:0;
}
#mainav li {
  list-style-type: none;
  margin:0;
  padding:0;
}
#mainav ul ul {
  margin:0;
  padding:0;
}
#mainav li li {
  padding:0;
  margin:0;
}
/*
#mainav a, #mainav a:link,#mainav a:visited{
 color: #502608 !important;
 text-decoration: none !important;
}
#mainav a:hover {
  color: #FFF !important;
}
*/
/* three column styles*/
#content {
   line-height: 150%;
   color: #502608;
   font-size: .7em;
   margin-left:10px;
   padding: 15px 0px 20px 0px;
   float:left;
   width:430px;
}
#content .column1 {
  float:left;
  width:200px;
  margin-right:20px;
}
#content .column2 {
  float:left;
  width:200px;  
  margin-right:10px;
}

/* two column styles*/
.two_col #content {
   width:565px !important;   
   padding: 0px;
}
.two_col #content .column1 {
  float:left;
  width:160px;  
  padding-top: 15px;
  margin-right:20px;
}
.two_col #content .column2 {
  float:right;
  width:365px;  
  margin-right:0px;
}
/* one column styles*/
.one_col #content {
   width:565px !important;   
   padding: 15px 0px;
}
.one_col #content .column1 {
  float:left;
  width:565px;
  margin-right:0px;
}
/* three column styles*/
.home #contentholder {

}

.home #content {
	background: url(/Portals/0/images/bkgd_crane_sm.jpg) no-repeat bottom right;
   line-height: 150%;
   color: #502608;
   font-size: .7em;
   margin-left:10px;
   padding: 0px 0px 0px 0px;
   padding-bottom: 80px;
   float:left;
   width:565px;
}   

.home #content .column1 {
  float:left;
  width:200px;
  padding-top:15px;
  margin-right:14px;
}
.home #content .column2 {
  padding-top:285px;
  background: url(/Portals/0/images/bkgd_crane_home.jpg) no-repeat;
  float:left;
  width:200px;
  padding-right:150px;
  margin-right:0px;
}

#subinfo {
  float:left;
  width:140px;
  line-height: 150%;
  color: #502608;
  font-size: .65em;
}
a.enlarge_link,
a:visited.enlarge_link,
a:link.enlarge_link,
.enlarge_link a,
.enlarge_link a:visited,
.enlarge_link a:link {
  font-weight:bold;
  float:right;
  margin: 5px 0;
  color: #502608 !important;
  text-decoration: none !important;
}
#search {
  width:140px;
  margin:15px 0 55px 0;
  text-align:right;
}
.home #search {
  width:140px;
  position:absolute;
  top:180px;
  left:715px;
}
#search .textfield {
  border: 0px;
  width: 90px;
  height: 15px;
  padding-left: 3px;  
  margin-right: 0px;
  
  text-align: left;
  color: #572600;
  font-size:12px !important;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
}
#search .go {
  border: none;
  vertical-align: text-bottom;
}
#search .google_go {
  border: none;
  background: url(/Portals/0/images/search.gif) no-repeat;
  vertical-align:middle;
}
.searchresults_number {
  color: #572600;
  font-weight:normal;
  padding-right:10px;
  font-size:11px;
}

.photo {
  margin-bottom:30px;
  margin-left:5px;
}
.rightpane {
  clear:both;
  width:120px;
  margin-left: 15px;
}
.rightpane h3 {
  margin-bottom: 10px !important;
  text-transform:uppercase;
  letter-spacing:-1px;
}

#footer {
  border-top:1px dashed #572600;
  padding:10px 0 20px 0;
  text-align:center;
  font-size:9px;
  width:685px;
  color:#572600;
  font-weight:bold;
}
.home #footer {
  padding-bottom:298px;
}
#footer img {
  margin:0 5px;
}
#footer a,
#footer a:link,
#footer a:visited {
  color:#FFF;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  margin:0 5px;
}
#footer a:hover {
  text-decoration:underline;
}


/*clears floats with no presentational markup*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
   display: inline-table;
}
/*Hides from IE Mac \*/

.clearfix {
    display: block;
    height: 1%;
}
/*End Hack \*/

/* ================================
    Default styles FOR DotNetNuke
   ================================
*/   

/* background color for the content part of the pages */


.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #FFFFFF;
    BORDER-RIGHT: #003366 1px solid; 
    BORDER-TOP: #003366 1px solid; 
    BORDER-LEFT: #003366 1px solid; 
    BORDER-BOTTOM: #003366 1px solid; 
	position:relative;
	z-index:100000 !important;
}

.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#003366;
}

/* style for module titles */
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}


/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: Red;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node 
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height:25px;
}
.FileManager_Explorer
{
	height:100%;
	border: #999999 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList 
{
	height:100%;
	border: #999999 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox 
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: #999999 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: #999999 1px solid;
    height: 25px;
}

.FileManager_StatusBar
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode 
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.FileManagerTreeNodeSelected 
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
	width:650px;
}
.WizardButton
{
	border-right: #999999 1px solid;
	padding-right: 2px;
	border-top: #999999 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #999999 1px solid;
	padding-top: 2px;
	border-bottom: #999999 1px solid;
	background-color: #999999;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height:40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Tahoma, Arial, Helvetica;
  background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Verdana, sans-serif;
	margin-top: 6px;
}
HR {
    color: #999999;
    height:1pt;
    text-align:left
}
/* Custom admin module fixes */
#dnn_ctr605_DD select{
  width: 110px;
}
#dnn_ctr606_DD select{
  width: 110px;
}
#dnn_ctr607_DD select{
  width: 110px;
}
/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	
	height:16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	 
	color: black; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	 
	background-color: #FFFFFF; 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3); */
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.Head {

    font-size:  12px;
    font-weight:    bold;
	color: #4F7884;
 
}

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
  
{

}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{

}
/*Container style*/
.dropdown select {
  font-size: 10px;
  font-family: Arial, sans-serif;
}
.header div.dropdown{
  position:relative;
  top:-115px;
}