﻿


/*******************************************************************
*                                                                  *
*                      MAIN SKIN SETTINGS                          *
*                                                                  *
*******************************************************************/

.col_1{width:350px; float:left;}
.col_2{ padding-left:350px;}

.img-desc {
	position: relative;
	display: block;
	height:170px;
	width: 398px;
}
.img-desc cite{
	background: #808080;
	filter:alpha(opacity=31);
	opacity:.31;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 398px;
	padding-top:15px;
}
.img-desc div{
	background: #808080;
	filter:alpha(opacity=31);
	opacity:.31;
	color: #fff;
	position: absolute;
	bottom: 150;
	left: 0;
	width: 398px;
	padding-top:15px;
}

ol,li{ margin-top:0; margin-bottom:0;}

ul{padding-top:0px; margin-top:12px;}

img{border:none;}

#TopMenu{font-size:0px;}

.TopMenuItem{float:left;}

#topbuttons div {
                float:left;
                border:none;
}


#wrapper{
 width:900px;
 margin:0 auto; 
 font-size:0px; 
 display:inline-block; 
 text-align:left; 
 overflow:hidden}

 
div p {
	line-height:normal;
}

/* to fix IE6 scrolling bug */
/*p, td, th, table {
position:relative;
}*/
 
#header_image1{
 float:left; 
 width:315px;}
 
#header_image2{
 float:left;  
 width:293px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:24px;
 color:#CCCCCC;
 height:48px;
 line-height:48px;
 vertical-align:middle;
 font-weight:600;
 text-align:right;
 padding-right:22px;
 overflow:hidden;
 background-image:url('/Portals/_default/Skins/main/images/hptesttop2.gif');
 }
 
#header_bg_middle{
background:#ededed url('/Portals/_default/Skins/main/images/topbuttons/left_top.gif') no-repeat scroll left top;
width:210px;
overflow:hidden;
vertical-align:top;
height:48px;
}
 
#search{
 float:left;
 width:260px;
 height:48px;
 line-height:48px;
 vertical-align:middle;
 color:#CCCCCC;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 background-color:#eeeeee;
 text-align:right;
 padding-right:10px;
 overflow:hidden;
 }
 
 .GCSearchButton{
  margin: 0;
  border: 0;
  background: transparent no-repeat center top;
  overflow: hidden;
  cursor: pointer;
   color:#CCCCCC;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
}

h1, h1 a, h1 a:link, h1 a:active, .Head{
font-family:Arial, Times, serif;
font-size:20px;
font-weight:bold;
text-decoration:none;
margin: 0px 0px 0px 0px;
}
 
h2,h2 a, h2 a:link, h2 a:active, .CategoryTitle, .articleHeadline, .article h1 a{
font-family:Arial, Times, serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
margin: 10px 0 0 0;
}


div h2 p{
font-family:Arial, Times, serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
}


h3{margin:0px 0 0 0; font-size:12px; font-weight:bold;
}

p{
font-family:Arial,Helvetica,Tahoma;
font-size:12px;
margin:0px 0px 10px 0px;
font-weight:normal;
} 

.Normal, .normal, .articleCategories, .articleEntry, .ajax__tab_body, td, tbody, li{
font-family:Arial,Helvetica,Tahoma;
font-size:12px;
font-weight:normal;
} 

*.normal_link, *.normal_link a:link, *.normal_link a:visited, *.normal_link a:active{
font-size:12px !important;
text-decoration:underline !important;
}

#logo{
 width: 502px; 
 height: 170px;  
 float:left; 
 clear:both;
 background-image: url('/Portals/_default/Skins/main/images/hdrlogo.jpg');
 }


#mainbody{background-repeat:repeat-x; text-align:center; font-size:0px; font-family:Arial, Helvetica, sans-serif; margin:0px;}


#Base{
 width:900px; 
 height:49px; 
 clear:both;
 font-size:12px;
 color:white;
 margin:0px;
 } 
 
#rotater{
 display:inline; 
 float:left;}

#clearfloats{
 clear:both;
 font-size:0px; 
 height:0px;}
 
 .clearfloats{
 clear:both;
 font-size:0px; 
 height:0px;}
 
 .clearright{
 clear:right;
 font-size:0px; 
 height:0px;
 }
 
#middle{
 background-image:URL('/Portals/_default/Skins/main/images/MiddleBG.jpg'); 
 background-repeat:repeat-y;
 background-color:#FFFFFF;
 }
 
#LeftMenu{
 display:inline; 
 float:left; 
 vertical-align:top;
 width:250px;
 margin:0;
 padding:0;}

.footer{
 display:inline; 
 float:left; 
 padding-left:10px;  
 line-height:49px;
 font-family:Arial,Helvetica,sans-serif;
 font-size:9.5px;
 }

.footer2{
 display:inline; 
 float:right; 
 padding-right:10px; 
 line-height:49px;
 font-family:Arial,Helvetica,sans-serif;
 font-size:9.5px;
}

.footer a.SkinObject, .footer a.SkinObject:visited, .footer a.SkinObject:active, .footer a.SkinObject:link, .footer a.SkinObject:hover{ font-weight:normal; text-decoration:none; color:#FFFFFF;}
.footer2 a.skinobject, .footer2 a.SkinObject:visited, .footer2 a.SkinObject:active, .footer2 a.SkinObject:link, .footer2 a.skinobject:hover{ font-weight:normal; text-decoration:none; color:#FFFFFF;}

.footer2, .footer2 .skinobject, .footer2 a.SkinObject:active, .footer2 a.SkinObject:link {
color:#FFFFFF;
}

.footer, .footer .skinobject, .footer a.SkinObject:active, .footer a.SkinObject:link {
color:#FFFFFF;
}

.no_border{
border:none;}

#dnn_Tabs{
 float:right;
 padding:20px 10px 0px 10px;
 }



hr
{
border: none 0; 
border-top: 1px dashed #888888;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

#dnn_ContentPane, #dnn_ContentPane2, #dnn_ContentPane_HR{
 padding:10px 10px 10px 10px;
 font-size:12px;
 vertical-align:top;
 text-align:left;
 /*background-image:URL('/Portals/_default/Skins/main/images/white_bg_img.jpg');*/
 background-repeat:no-repeat;
 }
 
 .noPad
 {
	 padding:0 !important
 }

#rightcol{
 	margin:0;
	padding:0;
	width:650px;
	float:right;
	}

#fckback{background-image:none;}

.divider {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #333333;
}

.footer2, .footer2 .skinobject, .footer2 a.SkinObject:active, .footer2 a.SkinObject:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	text-align: right;
}

.footer .SkinObject, .footer a.SkinObject:active, .footer a.SkinObject:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
}

.footer3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	line-height: 16px;
	padding: 8px;
	text-align: center;
}

	
.EmergencyAlert {
	background-color:#FF0000;
	color:#FFFFFF ! important;
	font-size:24px ! important;
	display: block;
	text-align:center;
	padding:10px;
}

/*******************************************************************
*                                                                  *
*                    GLOBALNAV.ASCX SETTINGS                       *
*                                                                  *
*******************************************************************/
	
.button_main{
	height:29px;
	background:url(/Portals/_default/Skins/main/images/button-BG.gif) repeat-x;
	border-left:1px solid #ededee;
	line-height:29px;
	text-align:center;
	color:#ededee;
	font-weight:bold;
	font-size:12px;
	padding-bottom: 0;
}

.no_border{
	border-left:0px;
}

.top_button_link{
	text-decoration:none;
	float:left;
	height:34px;
	background-color:#89898a;
}

.top_button_link:hover {
	cursor:pointer;
}
	
#main_button{
	width:80px;
	}	
	
#main_button:hover{
	background-color:#004d88;
	}	

#police_button{
	width:65px;
	}
#police_button:hover{
	background-color:#142e42;
	}

#fire_button{
	width:65px;
	}
#fire_button:hover{
	background-color:#a00924;
	}

#court_button{
	width:65px;
	}
#court_button:hover{
	background-color:#533b66;
	}

#parks_button{
	width:140px;
	}
#parks_button:hover{
	background-color:#384422;
	}

#transportation_button{
	width:110px;
	}
#transportation_button:hover{
	background-color:#c15a12;
	}
	
#egov_button{
	width:100px;
	}
#egov_button:hover{
	background-color:#97694f;
	}
	
#environment_button{
	width:100px;
	}	
#environment_button:hover{
	background-color:#3b5d2a;
}

#development_button{
	width:100px;
	}
#development_button:hover{
	background-color:#815323;
}

#utilities_button{
	width:75px;
	}
#utilities_button:hover{
	background-color:#086a77;
}	

	
/*******************************************************************
*                                                                  *
*                      ALT SKIN SETTINGS                           *
*                                                                  *
*******************************************************************/

.admin #dnn_tabs{display:none;}
.admin #wrapper{overflow:visible;}
.admin #LeftMenu{display:none;}
.admin #dnn_ContentPane{margin-left:0px; width:880px; background-image:none;}
.admin #rightcol{width:100%;}
.admin #middle{background-image: none;}

.Two_col #dnn_tabs{display:none;}
.Two_col #dnn_ContentPane{margin-left:0px; width:100%;  background-image:none;}
.Two_col #dnn_ContentPane2{margin-left:0px; width:100%; background-image:none;}
.Two_col #rightcol{width:440px;}
.Two_col #LeftMenu{width:440px;}
.Two_col #middle{background-image: none;}

.bottomLeft {width:50%; float:left;}
.bottomRight {width:50%; margin-left:50%}


/*************************************************************************
*                                                                        *
*                             FCKEditor Templates                        *
*                                                                        *
*************************************************************************/

.twoColElsRt #container { 
	/*width: 630px;   this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#twoColElsRt table{
border-color:#77a9cf #15527b #15527b #77a9cf;
border-style:solid;
border-width:1px;
min-width:400px;}

#container table{
}

#container table td, #container table th{
padding:5px;
font-weight:normal;
}

#container table th{
color:white;
background-color:#7d2b27;
}

#container h1{
color:#7d2b27;
}

#container table td{background:#F3F6F4;}

/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsRt #sidebar1 p" rule.
*/
.twoColElsRt #sidebar1 {
	float: right; 
	width: 200px; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
	margin: 0 0 0 10px;
}
.twoColElsRt #sidebar1 h3, .twoColElsRt #sidebar1 p, .twoColElsRt #sidebar1 h2 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.wideGrayBox{
	background-color:#eee;
	width:250px;
	float:right;
	padding:10px;
	margin:20px 10px 20px 20px;
}

.leftColPicture{
	margin: 20px
}


/*************************************************************************
*                                                                        *
*                             MODULE SETTINGS                             *
*                                                                        *
*************************************************************************/

/*************************************************************************
*                                AJAX TABS                               *
*************************************************************************/

.ajax__tab_panel, .ajax__tab_body, #dnn_ctr1023_ViewAjaxTabs_ctl01_body, #dnn_ctr2279_ViewAjaxTabs_ctl01_body, 
#dnn_ctr1402_ViewAjaxTabs_ctl01_body, #dnn_ctr1741_ViewAjaxTabs_ctl01_body, #dnn_ctr2283_ViewAjaxTabs_ctl01_body{
background-color:#EEEEEE;
}

.ajax__tab_default .ajax__tab_tab{
margin-right:11px;
}

/*************************************************************************
*                                SERACH ENGINE                           *
*************************************************************************/

.cse-search-results{clear:both; width:650px;}

/* Used for breadcrumbs font color */
#dnn_dnnBREADCRUMB_lblBreadCrumb *.SkinObject, #dnn_dnnBREADCRUMB_lblBreadCrumb{
color: gray;
}

#crumb{
padding:5px 5px 5px 10px;
background-color:#EEE;
font-size:12px;
}


/*************************************************************************
*                                NEWS ARTICLE                            *
*************************************************************************/

#tblArticle{width:600px;}

dnn_ctr640_NewsArticles_ucSubmitNews_tblCreate{display:inline-table;}


.news_date{font-size:10px;  line-height:18px;  margin:0; font-weight:normal; }

.bottem_dash{border-bottom:1px dashed #C8C8C8;}

.articleComment{display:block;}

.articleCommentAuthor{font-weight:bold;}

/*.article_picture{
float:left;
height:50px;
text-align:center;
width:75px;
display:inline-block;
margin: 0 10px 10px 0;
}*/

.article{
clear:left;
margin:10px 0px;
}

.article_content{
border-left:1px solid #CCCCCC;
padding-left:5px;
padding-right:5px;
padding-top:10px;
}

.ListHeader{
color:#15527b;
font-family:Arial,Helvetica,Tahoma;
font-size:14pt;
font-weight:bold;
}

.article_picture{
float:left;
padding:0 10px 10px 0;
}

/*************************************************************************
*                              RAD MENU                                  *
*************************************************************************/
.RadTreeView li{
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}


/*************************************************************************
*                                   FAQ                                  *
*************************************************************************/

*.ui-dialog-titlebar{font-size:12px;}

/* USED TO REMOVE THE WORD CATEGORIES FROM FAQ MODULES */
#dnn_ctr1396_ZLDNN_FAQ_lbCatalog{display:none;}
#dnn_ctr1342_ZLDNN_FAQ_lbCatalog{display:none;}
#dnn_ctr1350_ZLDNN_FAQ_lbCatalog{display:none;}
#dnn_ctr913_ZLDNN_FAQ_lbCatalog{display:none;}
#dnn_ctr1390_ZLDNN_FAQ_lbCatalog{display:none;}

/*USED TO ALIGN THE SEARCH WITH THE CATEGORY */
#dnn_ctr1398_ModuleContent{padding-left:8px;}
#dnn_ctr1756_ModuleContent{padding-left:8px;}
#dnn_ctr1758_ModuleContent{padding-left:8px;}
#dnn_ctr1380_ModuleContent{padding-left:8px;}
#dnn_ctr1930_ModuleContent{padding-left:8px;}
#dnn_ctr1886_ModuleContent{padding-left:8px;}
#dnn_ctr1046_ModuleContent{padding-left:8px;}
#dnn_ctr1045_ModuleContent{padding-left:8px;}
#dnn_ctr1931_ModuleContent{padding-left:8px;}
#dnn_ctr1909_ModuleContent{padding-left:8px;}
#dnn_ctr1399_ModuleContent{padding-left:8px;}

.FAQ_anwser_results{margin:0px;}
.FAQ_anwser p{padding:0px; margin:0px;}

/*************************************************************************
*                                DYNAMIC FORMS                           *
*************************************************************************/

#dnn_ctr839_DynamicForms_lblHeader{display:none;}
.dynamic_full{
width:600px;
font-weight:bold;
}

.dynamic_full_r{
width:600px;
font-weight:normal;
}

.dynamic_full_r td{
width:200px;
}

.dynamic_full td{
width:200px;
}

.dynamic_mid{
width:400px;
font-weight:bold;
}

.dynamic_checkbox br, .dynamic_checkbox p{
display:none;
}



/*************************************************************************
*               USER DEFINED FORM FOR PURCHASING CONTRACTS               *
*************************************************************************/
.udt_1767_paramTitle
{
	width:25%;
}


.udt_1767_paramVendor
{
	width:15%
}

.udt_1767_paramDepartment
{
	width:15%
}

.udt_1767_paramBuyer
{
	width:15%
}

.udt_1767_paramStart
{
	width:15%
}

.udt_1767_paramEnd
{
	width:15%
}


/*************************************************************************
*               USER DEFINED FORM FOR SCHEDULE OF FEES                   *
*************************************************************************/
.FeeTable
{
	width:100%;
}

.FeeTable th
{
	color:#fff;
	background-color:#7D2B27;
	padding-left:5px;
}

.FeeTable tr
{
	vertical-align:top;
}

.FeeTable td
{
	padding:0px 5px;
}

.FeeTable .FeeDescription
{
	width:60%;
}

.FeeTable .FeeCost
{
	width:40%;
}

.FeeTable .EditCell
{
	width:auto;
}	

/*************************************************************************
*               USER DEFINED FORM FOR MEETING DOCUMENTS                  *
*************************************************************************/
.DocTable
{
	width:100%
}

.DocTable th
{
	color:#fff;
	background-color:#7D2B27;
	padding: 3px 10px;
}

.DocTable td
{
	vertical-align:middle;
	padding: 2px 10px;
	border-bottom:1px dashed #999;
}

.linkCol
{
	text-align:center;
	width:8%;
}

.MeetingTitle
{
	width:40%;
}

/*************************************************************************
*               USER DEFINED FORM PUBLICATIONS AND REPORTS               *
*************************************************************************/

.TabHeader{
display:inline;
padding:5px 15px 0 10px;
overflow:hidden;
background:#eee url(//cityofls.net/portals/0/images/main/tab-active-right.gif) right top no-repeat;
 }

.TabBody{
padding:5px;
background-color:#eee;
margin-bottom:20px;
}

.PubTable
{
	width:100%
}

.PubTable td
{
	padding:5px;
	vertical-align:top;
}

.UDT_Publications_Item
{
	background-color:#fff;
}

.UDT_Publications_AlternateItem
{
	background-color:#ccc;
}

.TitleColumn
{
	font-weight:bold;
	width:25%;
}

.DescriptionColumn
{
	width:50%;
}

.LinkColumn
{
	width:25%;
}

/*************************************************************************
*                                MAIN SPECIFIC                           *
*************************************************************************/

div.content-gis{
padding:10px;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
}
.content-gis a{
color:#15527b;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
text-decoration:none;
}

/*************************************************************************
*                           CONTAINER SETTINGS                           *
*************************************************************************/

.StandardsContainer{clear:both;}
.noshow{display:none;}
.print_div{float:right; margin:0px;}
.twoColElsRt .department_content { 
	width: 400px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	float:left; /* this overrides the text-align: center on the body element. */
} 
.twoColElsRt .sidebar1 {
	float: right; 
	width: 200px; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
	margin: 0 0 0 10px;
}
.twoColElsRt .sidebar1 h3, .twoColElsRt .sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/*******************************************************************
*                                                                  *
*                 RADMENU - LEFT MENU                              *
*                                                                  *
*******************************************************************/


/*******************************************************************
*                                                                  *
*                     OLD DEFAULT CONTENT                          *
*                                                                  *
*******************************************************************/

.currentItemHighlight0{ font-weight:bold;}
.currentHeaderHighlight0{ font-weight:bold;}

.MenuHdr0
{
  font-weight: bold;
  font-size: 9pt;
  padding-bottom: 2px;
  cursor: default;
  padding-top: 2px;
  font-family: Tahoma, Arial;
}
.MenuItem0 HR
{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #999999;    
}

.MenuItem0, .MenuItemMouseOver0
{
  font-family: Tahoma, Arial; font-size: 9pt; font-weight: normal; padding-bottom: 1px;
  padding-top: 1px;
  border: white 1px solid;    
}
.MenuHdr0 A, .MenuHdr0 A:Active, .MenuHdr0 A:Hover, .MenuHdr0 A:Visited, .MenuHdr0 A:Link
{
  display: block;
  padding-bottom: 1px;
  width: 200px;
  cursor: pointer;
  color: black;
  padding-top: 1px;
  text-decoration: none;
}

.MenuItem0 A, .MenuItem0 A:Active, .MenuItem0 A:Hover, .MenuItem0 A:Visited, .MenuItem0 A:Link
{
  display: block;
  padding-bottom: 1px;
  width: 200px;
  cursor: pointer;
  color: black;
  padding-top: 1px;
  text-decoration: none;
}
  
.MenuItemMouseOver0
{
  border: #00008B 1px solid;
  background-color: #1A76D3!important;
}

.MenuItemMouseOver0 A, .MenuItemMouseOver0 A:Active, 
.MenuItemMouseOver0 A:Hover, .MenuItemMouseOver0 A:Visited, .MenuItemMouseOver0 A:Link
{
  color: white;
  text-decoration: none; 
  width: 200px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  cursor: pointer; display: block; 
}

/*Menu item 1 */
.currentHeaderHighlight1{padding-left:10px;}
.MenuHdr1
{
  padding-left: 10px;
  font-weight: bold;
  font-size: 9pt;
  padding-bottom: 2px;
  cursor: default;
  padding-top: 2px;
  font-family: Tahoma, Arial;
}
.MenuItem1 HR
{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #999999;    
}

.MenuItem1, .MenuItemMouseOver1
{
  font-family: Tahoma, Arial; font-size: 9pt; font-weight: normal; padding-bottom: 1px;
  padding-top: 1px;
  border: white 1px solid;    
}
.MenuHdr1 A, .MenuHdr1 A:Active, .MenuHdr1 A:Hover, .MenuHdr1 A:Visited, .MenuHdr1 A:Link
{
  display: block;
  padding-bottom: 1px;
  width: 200px;
  cursor: pointer;
  color: black;
  padding-top: 1px;
  text-decoration: none;
}

.MenuItem1 A, .MenuItem1 A:Active, .MenuItem1 A:Hover, .MenuItem1 A:Visited, .MenuItem1 A:Link
{
  display: block;
  padding-left: 20px;
  padding-bottom: 1px;
  width: 200px;
  cursor: pointer;
  color: black;
  padding-top: 1px;
  text-decoration: none;
}
  
.MenuItemMouseOver1
{
  border: #00008B 1px solid;
  background-color: #1A76D3!important;
  padding-left: 20px; 
}

.MenuItemMouseOver1 A, .MenuItemMouseOver1 A:Active, 
.MenuItemMouseOver1 A:Hover, .MenuItemMouseOver1 A:Visited, .MenuItemMouseOver1 A:Link
{
  color: white;
  text-decoration: none; 
  width: 200px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  cursor: pointer; display: block; 
}

/*Menu item 2 */
.MenuHdr2
{
  padding-left: 30px;
  font-weight: bold;
  font-size: 9pt;
  padding-bottom: 2px;
  cursor: default;
  padding-top: 2px;
  font-family: Tahoma, Arial;
}
.MenuItem2 HR
{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #999999;    
}

.MenuItem2, .MenuItemMouseOver2
{
  font-family: Tahoma, Arial; font-size: 9pt; font-weight: normal; padding-bottom: 1px;
  padding-top: 1px;
  border: white 1px solid;    
}
.MenuHdr2 A, .MenuHdr2 A:Active, .MenuHdr2 A:Hover, .MenuHdr2 A:Visited, .MenuHdr2 A:Link
{
  display: block;
  padding-bottom: 1px;
  width: 200px;
  cursor: pointer;
  color: black;
  padding-top: 1px;
  text-decoration: none;
}

.MenuItem2 A, .MenuItem2 A:Active, .MenuItem2 A:Hover, .MenuItem2 A:Visited, .MenuItem2 A:Link
{
  display: block;
  padding-left: 30px;
  padding-bottom: 1px;
  width: 200px;
  cursor: pointer;
  color: black;
  padding-top: 1px;
  text-decoration: none;
}
  
.MenuItemMouseOver2
{
  border: #00008B 1px solid;
  background-color: #1A76D3!important;
  padding-left: 30px; 
}

.MenuItemMouseOver2 A, .MenuItemMouseOver2 A:Active, 
.MenuItemMouseOver2 A:Hover, .MenuItemMouseOver2 A:Visited, .MenuItemMouseOver2 A:Link
{
  color: white;
  text-decoration: none; 
  width: 200px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  cursor: pointer; display: block; 
}


/* background color for the content part of the pages 
Body
{
	background-color: white;
	margin: 0px;
} */

#fckback{background-image:none;}

.ControlPanel, .PagingTable
{
	width: 100%;
	background-color: #FFFFFF;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}

/*.SkinObject
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #003366;
	font-family: Arial, Tahoma, Helvetica;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #003366;
}*/

/* styles for LANGUAGE skinobject */
.Language
{
	vertical-align: middle;
	margin: 0px;
}

.Language img
{
	border: none;
}


/* style for module titles */
.Head
{
	font-size: 20px;
	color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules 
.Normal, .NormalDisabled
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: normal;
}*/

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Arial, Tahoma, Helvetica;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #7D2B27;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
	background-color: White;
}
.DataGrid_Header
{
	background-color: Transparent;
	color: Black;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color:#ccc;
	font-weight: normal;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 10px;
	font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Arial, Tahoma, 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:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* 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: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
	height: 100%;
	border: #696969 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: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #E7E7FF;
	background-color: #9EBFF6;
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Pager
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: #696969 1px solid;
	height: 25px;
}

.FileManager_StatusBar
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dedfde;
	height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
	font-family: Arial, Tahoma, 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: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #EEEEEE;
	border-style: none;
}
.FileManager_SelItem
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #99ffff;
	border-style: none;
}

.FileManagerTreeNode
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

.FileManagerTreeNodeSelected
{
	font-family: Arial, Tahoma, 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:hover, A.FileManagerTreeNodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* 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: #696969 1px solid;
	padding-right: 2px;
	border-top: #696969 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	background-color: #dcdcdc;
}
.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: Arial, Tahoma, Helvetica;
	background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Arial, Tahoma, 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:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: #003366;
}

/* 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;
}


/* GENERIC 
H1
{
	font-family:  Arial, Tahoma, Helvetica;
	font-size: 14px;
	font-weight: normal;
}

H2
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H4
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H5, DT
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

H6
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

TFOOT, THEAD
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	color: #003366;
}

TH
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}*/

/*
A:link
{
	text-decoration: none;
	color: #003366;
}

A:visited
{
	text-decoration: none;
	color: #003366;
}

A:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A:active
{
	text-decoration: none;
	color: #003366;
}
*/
SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
OL UL LI
{
	list-style-type: disc;
}

HR
{
	color: #696969;
	height: 1pt;
	text-align: left;
}

/* 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-family: Arial, Tahoma, Helvetica;
	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;
	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: Arial, Tahoma, 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;
}

/* Main Menu */
.MainMenu_MenuContainer
{
	background-color: transparent;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}
.MainMenu_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Arial, Tahoma, Helvetica;
	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;
}
.MainMenu_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;
}
.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}
.MainMenu_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;
}
.MainMenu_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
	background-color: #CCCCCC;
}

.TabBg
{
	background-color: black;
}

.SelectedTab
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #FFFFFF;
	font-family: Arial, Tahoma, Helvetica;
	text-decoration: none;
}

A.SelectedTab:link
{
	text-decoration: none;
	color: white;
}

A.SelectedTab:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SelectedTab:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.SelectedTab:active
{
	text-decoration: none;
	color: #eeeeee;
}

.OtherTabs
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Arial, Tahoma, Helvetica;
	text-decoration: none;
}

A.OtherTabs:link
{
	text-decoration: none;
	color: white;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}

.PagingTable
{
	height: 33px;
}

/*
.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
	border: solid 1px black;
	white-space: nowrap;
	background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
	background-color: navy;
	color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */
	white-space: nowrap; /* makes toolbar horizontal */
	background: url(../../images/eip_toolbar.gif);
	background-color: #99cccc;
	height: 22px;
}

.eipbuttonbackimg
{
	width: 21px;
	height: 21px;
	cursor: pointer; /*change mouse to pointer when hover over button*/
	/* display: -moz-inline-box;  Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/
	display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit
{
	background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save
{
	background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover
{
	border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
	width: 0px;
}


.DNNAlignleft
{
	text-align: left;
}
 used to set the different module align options - from module settings 
.DNNAlignright
{
	text-align: right;
}
/*.DNNAligncenter
{
	text-align: center;
}*/

/* Login Styles */
.LoginPanel
{

}

.LoginTabGroup
{
	
}

.LoginTab {
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	border: 1px #25569a solid;
}

.LoginTabSelected{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	background-position: 0% -41px;
	border: 1px #25569a solid;
}

.LoginTabHover
{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #555;
	border: 1px #C00 solid;
	cursor:pointer;
}

.LoginContainerGroup
{
	clear: both;
	padding-top: 5px;
}

.LoginContainer
{
	
}

#ctlURL_cboFolders{
width:400px !important;
}

/***************************************************************
*                                                              *
*                      Print view settings                     *
*                                                              *
***************************************************************/


@media print
{
 #dnn_ControlPanel, #Head, #topbuttons, #header_image2, #search, #logo, #rotater, #TopMenu, #leftMenu, #Head, .RadPanelBar, #crumb, #Base, .footer
 {display:none;}
 #mainbody, body{margin:0; background-color:#FFFFFF; background-image:none; color:#000; font-size:14pt;}
 #dnn_ContentPane{background-color:#FFFFFF;}
 p,li,table,td,th{font-size:12pt;}
 h1{font-size:24pt;}
 h2{font-size:14pt;}
 h3{font-size:12pt;}

 #wrapper{
 width:auto;
 display:block;
 overflow:visible;}
 
 #Form{height:auto !important;}
 
 #rightcol{
 width:auto;
 height:auto;
 float:none;
 overflow:visible;
 }
 #middle{
 background:none;
 overflow:visible;
 width:100%;
 }
}
