/*=======================================================+
|                                                        |
|         CSS for DotNetNuke Skin - ArchitectX           |
|               Developed by Adammer LLC                 |
|                http://www.adammer.com                  |
|                                                        |
|                    December 2007                       |
|                                                        |
+--------------------------------------------------------+
| Modified for theworkscentral.com  2009-08-17           |
+=======================================================*/


/*=======================================================+
|  Universal                                             |
+=======================================================*/

/*-- HTML (Left blank on purpose)     --*/ html {}
/*-- Body                             --*/ #Body {
/*	background-color: #D4DDE4;  */
	background-color: #000000;  
	background-image: url("graphics/background-stripes2.jpg");
    background-position: center top; 
	background-repeat: no-repeat;
	margin: 0;
	font-family: "Times New Roman", Times, serif; 
	font-size: 14px; 
	color: #333333; }
/*-- removed from body by LS: 
     line-height:18px;                --*/   
/*-- Default Font                     --*/ table, p, li {font-family: "Times New Roman", Times, serif; font-size: 14px; color: #333333; margin:0 0 10px 0;}
/*-- Additional space for lists       --*/ li { margin-bottom: 10px;}
/*-- Additional space for lists       --*/ ul ul { margin-top: 5px;}

table.layout-table {
	margin: 0;
	border: none;
	border-collapse: collapse;
}
table.layout-table td.layout-table {
	border: none;
	padding: 0;
}

.clearall {
	clear: both;
	height:   1px;
	overflow: hidden; 
	/* IE ignores overflow:hidden */
	font-size: 1px;
	line-height: 1px;	
}

/*========================================================+
|  Design Elements                                        |
+========================================================*/

/*-- Main page wrapper: Adding a 
     little space at the bottom so 
     footer has some room before the
     end of the browser window.       --*/ #wrapper {padding-bottom:20px;}

/* shadow background */
#page-bg {
	background: url("graphics/bg_outside_slate.png") center repeat-y;
}

/*-- Set the padding of the
     search div.                      --*/ 
#search {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 7px;
	padding-right: 7px;
	line-height:10px;
	}

#search img {border:none; padding:0px 0px 0px 0px;}

/*-- Set the background for the
     Header and the master page
     width.                           --*/
#header-bg{
	
}
#header{
	margin:0 auto 0 auto;
	text-align:left;
	width: 898px;
	min-height: 142px;
	position: relative;
	background-image: url("../../../0/skin/header.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

.headerpane {
/*	height: 160px;  */
	height: 114px;
/*	text-align: right; */
}

/*-- Set the background image, 
     width, and margins for 
     the menu.                        --*/
#menu-bg{
	
}
#menu{
	margin:0 auto 0 auto;
	width: 898px;
	min-height: 33px;
	text-align:center;
	background-image: url("graphics/nav_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
/*	background-color: #D10303; */
/*    background-color: #0950ff;  */
      background-color: #fdfdfd; 
}

/* subnav bar */
#submenu {
	clear: both;
	margin:0 auto 0 auto;
	width: 898px;
	min-height: 29px;
	background-image: url("graphics/above_content.jpg");
	background-repeat: repeat-x;
}

/*-- Set the background image, 
     width, and margins for the 
     Breadcrumb.                      --*/ 
#breadcrumb-row{
	margin:0 auto 0 auto;
	padding:0px 20px 12px 20px;
}
/*-- Set font size, color, etc. 
     for the breadcrumb div.          --*/
#breadcrumb {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none; 
	color: #666666; 
	text-align:left; 
	line-height:12px;
}
#breadcrumb a {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#666666; font-style:normal;}
#breadcrumb a:hover {text-decoration:underline;font-style:normal;}

#TextSizeWidget { float: right; }
.Widgets input{border:none;}
#TextSizeWidget_smalltext, #TextSizeWidget_mediumtext, #TextSizeWidget_largetext, #SizeWidget_width1024, #SizeWidget_width1280, #SizeWidget_widthfull
{float:left;height:20px;width:20px;margin-right:3px;cursor:pointer;background:transparent none no-repeat;}
#TextSizeWidget_smalltext{background-image:url("graphics/textsmall.png");}
#TextSizeWidget_smalltext:hover, #TextSizeWidget_smalltext.SelectedWidget {background-image:url("graphics/textsmallhover.png");}
#TextSizeWidget_mediumtext{background-image:url("graphics/textmedium.png");}
#TextSizeWidget_mediumtext:hover, #TextSizeWidget_mediumtext.SelectedWidget {background-image:url("graphics/textmediumhover.png");}
#TextSizeWidget_largetext{background-image:url("graphics/textlarge.png");}
#TextSizeWidget_largetext:hover, #TextSizeWidget_largetext.SelectedWidget {background-image:url("graphics/textlargehover.png");}

/*-- Set the background image, 
     width, margin, and border
     for the content div.             --*/
#content-bg {
	width: 876px;
	background-image: url("graphics/content-bg.jpg");
	background-repeat: repeat-y;
	margin:0 auto 0 auto;
}
#content { 	
	width:860px;
	margin:0 auto 0 auto;
	padding-top: 1px; /* Prevent margins of inner blocks from collapsing through */
	padding-bottom:10px;
}
#content-wrapper {
	padding: 0 10px;
}
/*-- Set the background image,
     width, margin, and font
     for the footer div.              --*/
#footer-bg {
}
#footer {
	margin:0 auto 0 auto; width:898px;
}
.footerpane {
	width: 898px;
	background-image: url("graphics/footer-pane-bg.jpg");
    background-position: center top;
	background-repeat: no-repeat;
	padding-bottom: 6px;
}

#footer-bar {
	padding-bottom: 1px;
}

#footer-bottom-bg {
	background: url("graphics/bg_outside_bottom_slate.png") center no-repeat;
}
#footer-bottom {font-size:10px; text-decoration:none; color:#666666;margin:0 auto 0 auto; width: 900px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px;}
#footer-bottom a {font-size:10px; text-decoration:none; color: #666666;}
#footer-bottom a:hover {text-decoration:underline;}

/*-- Set font size, color, etc. 
     for login links and text.        --*/
#login{
	float: right;
	color: #666666;
	text-align:right;
	margin-right: 7px;
	line-height: 12px;
}
                                           #login a { text-decoration:none; color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
                                           #login a:hover {text-decoration:underline;}
                                           

/*-- Padding-right is used to set
     the terms and privacy text
     3 pixels from the right edge.    --*/ #terms{float:right; bottom:0px; padding-right:3px;}

/*-- Margin-left is used to set
     the copyright text 3 pixels 
     from the left edge.              --*/ #copyright{ float: left; padding: 0; margin-left:3px;}
     
/*-- Horizontal Rule                  --*/ hr {height: 1px; color: #bbb;}
     
     
/*========================================================+
|  Search Items                                           |
+========================================================*/

/*-- Font for Radio Button labels.
     Not displayed by default 
     but just in case.                --*/ .SearchField{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
                                            a.SearchField {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666 !important; text-decoration:none !important; padding-right:3px; vertical-align:bottom;}
                                           a.SearchField:hover {text-decoration:underline !important;}
/*-- Search Textbox Font and
     background image.                --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 2px 2px 1px 4px; font-size:11px; height:15px;border: #999999 1px solid; width:150px;}


/*========================================================+
|  DNN Control Panel                                      |
+========================================================*/

/*-- We are using the DNN defaults
     Except the align center which
     breaks when you use DIV not
     tables for content.              --*/
	 
.DNNAligncenter {text-align:left;}
.ControlPanel, .PagingTable {background-color:#FFFFFF;border:1px solid #003366; text-align:center; width:50%;margin-left: auto;margin-right: auto;}


/*========================================================+
|  Text Styles                                            |
+========================================================*/

/*-- Default Font                     --*/
/* JM: removed white bg; wtf? */
 table, p, li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:0 0 10px 0; }

/*-- Most of the site text.           --*/ .normal, .Normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}

/*-- Most of the bold site text.      --*/ .NormalBold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;}

/*-- Red Error site text.             --*/ .NormalRed {color: #990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

/*-- subheadings - mostly in admin.   --*/ .SubHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333;}

/*-- headings - mostly in admin.      --*/ .Head {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal; /* white-space: nowrap; */ white-space: wrap; background-color:transparent;}

/*-- Header 1 site text.              --*/ h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal;}

/*-- Header 2 site text.              --*/ h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; color: #555;}

/*-- Header 3 site text.              --*/ h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;}

/*========================================================+
|  User Defined Tables                                    |
+========================================================*/

.UDT_Table_Head th {font-size:10px;}
.UDT_Table_AlternateItem, .UDT_Table_AlternateItem p {font-size:12px;background-color:#F3F3F3;vertical-align:top;}
.UDT_Table_Item, .UDT_Table_Item p {font-size:12px;vertical-align:top;}


/*========================================================+
|  Module Menus                                           |
+========================================================*/

/*-- Usually no need to change 
     these styles.                    --*/ .ModuleTitle_MenuItem {background-color:#F7F7F7;border:1px solid #F7F7F7;color:#333333;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;}                                          
                                           .ModuleTitle_SubMenu {background-color:#F7F7F7;border:1px solid #666666;margin:1px 0px 0px;padding:0px;z-index:1000;}                                           
                                           .ModuleTitle_MenuItemSel {background:#DDDDDD none repeat scroll 0%;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;color:#000000;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;}                                           
                                           .ModuleTitle_MenuIcon {border:1px solid #EEEEEE;padding:2px 3px;}                                           
                                           .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display:none;}


/*========================================================+
|  Links                                                  |
+========================================================*/

/*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color: #003399; font-style:normal;text-decoration:underline;}

/*-- default links hover              --*/ a:hover {text-decoration:none;}

/*-- normal  links visited and active --*/ a.Normal:link, a.Normal:visited {text-decoration: underline; }

/*-- normal  links hover              --*/ a.Normal:hover {text-decoration: none; }


/*========================================================*/
/*  Forms                                                 */
/*========================================================*/
     
/*-- Default for Element              --*/ select, input { font-family: tahoma; font-size: 11px; color: #555; }

/*-- Default Textbox                  --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }


/*========================================================+
|  Navigation Menu Styles                                 |
+========================================================*/

#nav {
	z-index:999;
}

/*-- Set bottom margin and
     color of menu that does not
     contain menu items.               --*/
#nav ul {
	background-color: #1B1D50;
	padding: 0;
	margin:  0;
	list-style:none;
	float:left;
	width:100%;
}

/*-- Set line height.  
     z-index:999 added by LS
     to fix menu issues                --*/ 
#nav li {
	z-index:999;
	position:relative;
	float:left;
	line-height:26px;
	list-style:none;
	padding:0;
	white-space:nowrap;
	margin-bottom:0px;
}

/*-- Font for top menu items.          --*/
#nav a {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	display:block;
	margin: 0;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	text-shadow: 0 0 0 #1B1D50;
	padding: 4px 17px 3px 17px;
	color: #FFFFFF;
}

/*-- Second-level list container.      --*/
#nav li ul {
	position:absolute;
	left: -999em;
	width:242px;
	margin: 7px 0 0;
	border-top: #FFFFFF 1px solid;
	background-color: #1B1D50;
	background-image: none;}

/*-- Second-level menu items.          --*/
#nav li li a {
	font-size:14px;
	color: white;
	width: 200px;
	text-align:left;
	padding: 5px 20px 3px 20px;
	border-bottom: 1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

/* Third+ level container */
#nav li li ul {
	margin: 0;
}

/*-- Hover style for unselected 
     menu items.                       --*/ 
	 
#nav li a:hover {
color: #ffffff;
/* background: url("graphics/nav_over_bg.jpg") center repeat; */
background-color: #0099FF;
}


/*-- Top-level selected menu items.    --*/ #nav li.SelectedTab a {}


/*-- Hover style for selected 
     menu items.                       --*/ 
/*#nav li.SelectedTab a:hover {background: url("graphics/nav_over_bg.jpg") center repeat-x;}*/

/*-- Font color for disabled tabs.     --*/ #nav .DisabledTab {color:#CCCCCC;}

/*-- No need to change these hover
     classes unless you need more 
     than 4 levels                     --*/ #nav li:hover ul ul,
                                            #nav li:hover ul ul ul,
                                            #nav li:hover ul ul ul ul,
                                            #nav li.iehover ul ul,
                                            #nav li.iehover ul ul ul,
                                            #nav li.iehover ul ul ul ul{left: -999em;}

                                            #nav li:hover ul, 
                                            #nav li.iehover ul {top: 26px;left:0;}
                                            
                                            #nav li li:hover ul,
                                            #nav li li li:hover ul,
                                            #nav li li.iehover ul,  
                                            #nav li li li.iehover ul {top: 0;left:241px;}

											
/*========================================================+
|  Sub-nav bar                                            |
+========================================================*/

#subnav ul {
	padding:0;
	margin: 3px 10px 3px 12px;
	list-style:none;
	float:left;
}

#subnav li {
	position:relative;
	float:left;
	line-height:20px;
	list-style:none;
	padding:0;
	white-space:nowrap;
	margin-bottom:0px;
}

/*-- Font for top menu items.          --*/

#subnav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	margin: 0;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	padding: 2px 10px 2px 10px;
	color: #23224F;
	border-right:1px solid #23224F;
}

#subnav a:hover {
	text-decoration: none;
	background: #0578e3;
	color: #FFFFFF;
	
}

/*========================================================+
|  End ArchitectX DNN Skin Styles                         |
+========================================================*/

.DNNEmptyPane {
	height: 0;
	line-height: 1px;
}

.ZLDNNPhotoAlbumList td {
	background: #990000;
	margin:  20px;
	padding:20 px;
}

h3.view-questionnaire-sectionhead {
	margin-bottom: 0;
	font-size: 14px;
}

td.view-questionnaire-fieldname {
	width: 150px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	vertical-align: top;
}

td.view-questionnaire-fieldcontent {
	padding-top: 4px;
	vertical-align: top;
}

.preserve-whitespace {
	white-space: pre-line;
}