/* 
================================
Skin styles for DotNetNuke
================================
*/
/*
 IMPORTS
 */


/* NON-HEADER */
*{padding:0; margin:0;}
 body {  font-family:arial; background-color: #E8E8E8;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:966px; margin:auto; margin-top:10px; margin-bottom:10px; border:solid 1px #DEDEDE;text-align:left;}
.main {clear:both; width:966px; padding-bottom:0px; padding-top:0px; background-color: #FFFFFF;}
.main-content {display:inline; /*Fix IE floating margin bug*/ float:left; width:926px; margin: 0px 20px 0 20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-contentR {display:inline; /*Fix IE floating margin bug*/ float:left; width:926px; margin: 0px 20px 0 20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:966px; padding:1.0em 0 1.0em 0; background:#2D3E76; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; text-align: center;}

.backgroundDiv
{
	width: 100%;
	text-align:center;
}


/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:966px; font-family:arial;}
.header-top {width:956px; padding-left: 10px; height:95px; background: #FFFFFF; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {clear:both; width:966px; height:5px; background: #CCCCCC; border-bottom: solid 1px #FFFFFF;border-top: 1px solid #FFFFFF; position:relative}
.header-bottom {clear:both; width:966px; height: 36px; background: #FFFFFF; }


.header-top TD { padding: 0 0 0 0;}

/*******************/
/*  HEADER SECTION */
/*******************/
.sitelogo {position:relative; z-index:1; margin:0 0 0 0;}
.sitelogo img { border: 0px solid transparent;}
.sitename {position:absolute; z-index:1; bottom: 45px; left: 250px;}
.sitename h1 {color: White; font-style: italic;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125);}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.searchform { float:right; bottom: 0px; right: 0px; margin-top: 50px; margin-right: 20px}
.searchform A.SkinObject { color: #000000;}


#notused { float:right; padding: 0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}

/*******************/
/* MENU BAR */
/*******************/
/*Drop-down menu*/

.nav-bottom { background: #2D3E76; padding: 3px 0 3px 0; margin-left: 20px; margin-right: 20px; width:926px;}

.nav2 {border:none; color:rgb(0,0,0); display: block; width: 926px; background-color: #FFFFFF;} /*Color navigation bar normal mode*/
.nav2 TBODY { width: 935px; }

.nav2 .signin,  
.nav2 .signin:link,
.nav2 .signin:hover,
.nav2 .signin:visited,
.nav2 .signin:active  
{ /*TD if menu option for using tables is on*/
	color: #2D3E76; 
	background-color: Transparent;
	font-family:  Arial; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
	height: 30px;
	font-size: 12px;
	text-decoration: none;
	text-align:right;
}

h1 { display: block; font-size: 20px; font-weight: bold; width: 650px; height: 92px; background: url(safetyRecruitment.gif) top left no-repeat; text-indent: -5000px; float:left; }	

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {width:926px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column2-unit-left {float:left; width:720px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right;  width:196px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column2R-unit-left {float:left; width:196px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2R-unit-right {float:right; width:720px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column3-unit-left   {text-align:left;float:left; width:196px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {text-align:left;float:left; width:500px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:10px;}
.column3-unit-right  {text-align:left;float:right; width:196px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.paneBoundary { border: dotted 1px Red;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer span {line-height:1.3em; text-align:center; color:#FFFFFF; font-size:11px;}
.footer .SkinObject,
.footer .SkinObject:link,
.footer .SkinObject:visited,
.footer .SkinObject:hover,
.footer .SkinObject:active
 {line-height:1.3em; text-align:center; color:#FFFFFF; font-size:11px;}
 
.footer span.credits {font-weight:normal;font-size:11px; color:#FFFFFF;}


/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:960px; height:0px; border:none; background:rgb(210,210,210); color:rgb(210,210,210); display: none;}


/******************/
/*  MAIN SECTION  */
/******************/
 
/* MAIN CONTENT */
.main h1.pagetitle {margin:0 0 0 0; padding: 0 0 2px 6px; border-bottom:solid 7px rgb(190,190,190); font-family:arial; color:rgb(190,190,190); font-weight:bold;}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img.left {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; }
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; }
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; }

.main a {color:rgb(70,122,167); text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(70,122,167); text-decoration:underline;}
.main a:visited {color:rgb(70,122,167);}



.main ul {  padding-left:20px; }
.main ul li { list-style-type: none; list-style-image: url(lidot.png); list-style-position: outside;} 

.main p { padding-bottom: 20px;}


.footer p { padding-bottom: 0px;}
/*
.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
*/

blockquote 
{
	font-family: Arial;
	margin: 10px auto;
	background: #F0F0F0 url(bgblockquote.gif) top left no-repeat; 
	padding: 0px 8px 8px 65px;
	border: 1px solid #d2d2d2;
}


/*
* REMOVE THE main.img class from the Normal Content Panes
*/

.Normal img { padding: 0; margin: 0; clear:both; float: none;}



/*
 * Calendar
 */
.MyCalendar .ajax__calendar_container 
{padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:Arial; background-color: White; border: 1px solid rgb(153,153,153);
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 

 }
.MyCalendar .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.MyCalendar .ajax__calendar_days, .MyCalendar .ajax__calendar_months, .MyCalendar .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.MyCalendar .ajax__calendar_container TABLE {font-size:11px;}
.MyCalendar .ajax__calendar_header {height:20px;width:100%;}
.MyCalendar .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.MyCalendar.arrow-left.gif")%>);}
.MyCalendar .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.MyCalendar.arrow-right.gif")%>);}
.MyCalendar .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.MyCalendar .ajax__calendar_footer {height:15px;}
.MyCalendar .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.MyCalendar .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.MyCalendar .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.MyCalendar .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.MyCalendar .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.MyCalendar .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.MyCalendar .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.MyCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.MyCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

.MyCalendar .ajax__calendar_days TABLE ,
.MyCalendar .ajax__calendar_months TABLE, 
.MyCalendar .ajax__calendar_years TABLE
{
	
}

.MyCalendar .ajax__calendar_days TABLE TD,
.MyCalendar .ajax__calendar_months TABLE TD, 
.MyCalendar .ajax__calendar_years TABLE TD
{
	padding: 0px 2px 0px 0px;
}



/*
*/


/*********************Test*****************************/
.main-content-Test {display:inline; /*Fix IE floating margin bug*/ float:left; width:926px; margin: 20px 10px 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.button1
{
	background-color: #163875;
	border: 1px solid White;
	border-collapse: collapse;
	padding: 1px 1px 1px 1px;
	color: White;
}

.button2
{
	background-color: #6AA600;
	border: 1px solid White;
	border-collapse: collapse;
	padding: 1px 1px 1px 1px;
	color: White;

}


/* *************************
MENU STYLES 
********************** */
.main_dnnmenu_container
{
	background-color: transparent;
}
.main_dnnmenu_bar
{
	background-color: Transparent; /*font-weight: bold; */
	font-style: normal;
	font-size: 12px;
	height: 18px;
	vertical-align: middle;
}

.main_dnnmenu_bar TD { vertical-align: middle;}

.main_dnnmenu_item TD
{
	/*TD if menu option for using tables is on*/
	cursor: pointer;
	cursor: hand;
	color: #545454; 
	font-family: Arial, Helvetica;
	white-space: nowrap; /*Word wrapping menu item now optional*/
	padding: 3px 10px 3px 10px;
	font-size: 12px;
}

.main_dnnmenu_rootitem TD
{
	/*TD if menu option for using tables is on*/
	cursor: pointer;
	cursor: hand;
	color: #2D3E76;
	font-family: Arial, Helvetica;
	white-space: nowrap; /*Word wrapping menu item now optional*/
	padding: 3px 10px 3px 10px;
	font-size: 12px;
}


.main_dnnmenu_rootselected TD
{
	/*TD if menu option for using tables is on*/
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
	font-family: Arial, Helvetica;
	white-space: nowrap; /*Word wrapping menu item now optional*/
	padding: 3px 10px 3px 10px;
	font-size: 12px;
	background-color: #2D3E76;
}


.main_dnnmenu_roothover TD
{
	/*TD if menu option for using tables is on*/
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
	font-family: Arial, Helvetica;
	white-space: nowrap; /*Word wrapping menu item now optional*/
	padding: 3px 10px 3px 10px;
	font-size: 12px;
	text-transform: none;
	background-color: #2D3E76;

}
.main_dnnmenu_itemhover TD
{
	/*TD if menu option for using tables is on*/
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
	font-family: Arial, Helvetica;
	white-space: nowrap; /*Word wrapping menu item now optional*/
	padding: 3px 10px 3px 10px;
	font-size: 12px;
}

.main_dnnmenu_itemhover
{
	color: #FFFFFF!important;
	background-color: #DA251D; 
}

.main_dnnmenu_roothover
{
	background-color: #404040;
}


.main_dnnmenu_separator
{
	color: #FFFFFF;
}

.main_dnnmenu_icon
{
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 15px;
	height: 100%;
	display:none;
}

.main_dnnmenu_submenu
{
	background-color: #FFFFFF;
	border: solid 1px rgb(153,153,153);
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}
.main_dnnmenu_break
{
}

.main_dnnmenu_arrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
	color: White;
}

.main_dnnmenu_rootmenuarrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
	color: White;
}

.dnn_nav_ctlnav_spmarw { width: 0px; display:none;}

