/*
  skin.css for Spectracom 2010 DNN 5 Skin  www.spectracomcorp.com
  
  by OS-Cubed, Inc.
*/

*
{
  padding: 0;
  margin: 0;
  xborder: 0;
  color: #4c423f;
  font-family: arial;
  font-weight: normal;
  font-size: 12px;
}

p 
{ 
  margin: 1em 0; 
}

b, strong
{
  font-weight: bold;
}

/* ******************************************************** */
/* ******************************************************** */
/* ************* START 60.gs template CSS  **************** */
/* ******************************************************** */
/* ******************************************************** */

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width:40px;
}

.container_16 .grid_2 {
	width:100px;
}

.container_16 .grid_3 {
	width:160px;
}

.container_16 .grid_4 {
	width:220px;
}

.container_16 .grid_5 {
	width:280px;
}

.container_16 .grid_6 {
	width:340px;
}

.container_16 .grid_7 {
	width:400px;
}

.container_16 .grid_8 {
	width:460px;
}

.container_16 .grid_9 {
	width:520px;
}

.container_16 .grid_10 {
	width:580px;
}

.container_16 .grid_11 {
	width:640px;
}

.container_16 .grid_12 {
	width:700px;
}

.container_16 .grid_13 {
	width:760px;
}

.container_16 .grid_14 {
	width:820px;
}

.container_16 .grid_15 {
	width:880px;
}

.container_16 .grid_16 {
	width:940px;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_4 {
	padding-left:240px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_8 {
	padding-left:480px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_12 {
	padding-left:720px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_4 {
	padding-right:240px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_8 {
	padding-right:480px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_12 {
	padding-right:720px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left:60px;
}

.container_16 .push_2 {
	left:120px;
}

.container_16 .push_3 {
	left:180px;
}

.container_16 .push_4 {
	left:240px;
}

.container_16 .push_5 {
	left:300px;
}

.container_16 .push_6 {
	left:360px;
}

.container_16 .push_7 {
	left:420px;
}

.container_16 .push_8 {
	left:480px;
}

.container_16 .push_9 {
	left:540px;
}

.container_16 .push_10 {
	left:600px;
}

.container_16 .push_11 {
	left:660px;
}

.container_16 .push_12 {
	left:720px;
}

.container_16 .push_13 {
	left:780px;
}

.container_16 .push_14 {
	left:840px;
}

.container_16 .push_15 {
	left:900px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left:-60px;
}

.container_16 .pull_2 {
	left:-120px;
}

.container_16 .pull_3 {
	left:-180px;
}

.container_16 .pull_4 {
	left:-240px;
}

.container_16 .pull_5 {
	left:-300px;
}

.container_16 .pull_6 {
	left:-360px;
}

.container_16 .pull_7 {
	left:-420px;
}

.container_16 .pull_8 {
	left:-480px;
}

.container_16 .pull_9 {
	left:-540px;
}

.container_16 .pull_10 {
	left:-600px;
}

.container_16 .pull_11 {
	left:-660px;
}

.container_16 .pull_12 {
	left:-720px;
}

.container_16 .pull_13 {
	left:-780px;
}

.container_16 .pull_14 {
	left:-840px;
}

.container_16 .pull_15 {
	left:-900px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* ******************************************************** */
/* ******************************************************** */
/* *************  END 960.gs template CSS  **************** */
/* ******************************************************** */
/* ******************************************************** */

/* **********************************
            font styles
********************************** */

.Normal, td, div, span, html, p,
.Normal a, td a, div a, span a, html a, p a
{
  color: #434343;
  font-family: arial;
  font-weight: normal;
  font-size: 12px;
}
.NormalBold,
.NormalBold a
{
  color: #434343;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
}
a, a:visited, a:link
{
  font-family: arial;
  font-weight: normal;
  text-decoration: underline;
}
a:hover, a:active
{
  font-family: arial;
  font-weight: normal;
  text-decoration: none;
}
h1,
h1 a, h1 a:visited, h1 a:link, h1 a:hover, h1 a:active
{
  color: #003b77;
  font-family: arial;
  font-weight: normal;
  font-size: 24px;
  padding-top: 0px;
  margin-top: 0px;
}
h2,
h2 a, h2 a:visited, h2 a:link, h2 a:hover, h2 a:active
{
  color: #003b77;
  font-family: arial;
  font-weight: normal;
  font-size: 18px;
  padding-top: 0px;
  margin-top: 0px;
}
h3,
h3 a, h3 a:visited, h3 a:link, h3 a:hover, h3 a:active
{
  color: #434343;
  font-family: arial;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
h4,
h4 a, h4 a:visited, h4 a:link, h4 a:hover, h4 a:active
{
  color: #003b77;
  font-family: arial;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
h5,
h5 a, h5 a:visited, h5 a:link, h5 a:hover, h5 a:active
{
  color: #322724;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
h6
{
  color: #221411;
  background-color: #e6e1df;
  font-family: arial;
  font-weight: normal;
  font-size: 12px;
  border: solid 1px #c7c0be;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 7px 14px;
	line-height: 20px;
}
hr
{
  width: 100%;
  color: #938a87
}
ul
{
  margin-top: 0px;
  padding-top: 0px;
  padding-left:0px;
  margin-left:15px;
}
li
{
  padding-left:0px;
  margin-left:0px;
}
.indent li
{
  padding-left:0px;
  margin-left:15px;
}
.OrangeArrow,
.OrangeArrow li
{
  list-style-image: url(images/OrangeArrowBullet.gif) !important;
}
.OrangeText
{
  color: #d04800;
}
.OrangeTextBold
{
  color: #d04800;
  font-weight: bold;
}
.SkinObject
{
  color: #434343;
  font-size: 10px;
  font-weight: normal;
}
.SkinObject a,
.SkinObject a:visited,
.SkinObject a:active,
.SkinObject a:link,
.footerarea a,
.footerarea a:visited,
.footerarea a:active,
.footerarea a:link

{
  color: #003b77 !important;
  font-size: 10px !important;
  font-weight: normal !important;
  text-decoration: none;
}
.SkinObject a:hover,
.footerarea a:hover
{
  color: #003b77 !important;
  font-size: 10px !important;
  font-weight: normal !important;
  text-decoration: underline;
}
.breadcrumbarea
{
  line-height: 29px;
  color: white !important;
  text-decoration: none;
  font-size: 11px;
  xpadding-left: 18px;
  background-color: transparent !important;
  vertical-align: middle;
}
.breadcrumbarea .SkinObject:visited,
.breadcrumbarea .SkinObject:link,
.breadcrumbarea .SkinObject
{
  color: white !important;
  text-decoration: none;
  font-size: 11px;
}
.breadcrumbarea .SkinObject:active,
.breadcrumbarea .SkinObject:hover
{
  color: white !important;
  text-decoration: underline;
  font-size: 11px;
}

#dnn_dnnLOGIN_cmdLogin
{
  color: #ffffff !important;
}
/* ********************
        Layout
   ******************** */

.logoarea
{
  xvertical-align: middle;
  padding-top: 15px;
}

.searcharea
{
  text-align: right;
  height: 90px;
  z-index: 0;
}

.headerarea
{
  height: 90px;
  background-color: white;
}

.headerrightarea
{
  text-align: right;
}

.headertable
{
  width: 285px;
  margin-left: 55px;
}

.searchtable
{
  background-image: url('images/SearchWndw.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  width: 160px;
  height: 28px;
  padding: 0px;
  margin: 0px;
}

.searchtd
{
  margin: 0px;
  padding: 0px;
}

.opensearchtable
{
  width: 160px;
  height: 28px;
  padding: 0px;
  margin: 0px;
}

.opensearchinputfield
{
  text-align: center;
  vertical-align: middle;
  border: 0px;
  width: 120px;
}

.opensearchbuttonfield
{
  text-align: center;
  vertical-align: middle;
  border: 0px;
  width: 40px;
  xcolor: transparent;
}

.xsTxtSearch,
input .searchbox,
.searchtd input
{
  border: 0px;
  margin-left: 5px;
  text-align: left;
}

.EUPortal #dnn_dnnSEARCH_txtSearch
{
  width: 110px !important;
  margin-bottom: 6px;
}

.xsCmdSearch
{
  xdisplay: none !important;
  xcolor: transparent !important;
}

a:link .searchbox,
span a .searchbox,
a .searchbox,
.searchbox a
{
  display: none !important;
}

.searchspacer
{
  width: 25px;
  margin: 0px;
  padding: 0px;
}

.clocktable
{
  background-image: url('images/AtmcClck.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  color: #00b377;
}

.clockfontsm
{
  vertical-align:super;
  font-size: 9px;
  color: #003b77;
}

.clockfont
{
  font-size: 12px;
  color: #003b77;
}

.menuarea
{
  height: 36px
  background-color: white;
  width: 960px;
  z-index: 10;
}

.menulinks
{
  height: 28px;
  width: 300px;
  color: #434343;
  font-size: 12x;
  text-align: right;
  vertical-align: middle;
  padding-right: 10px;
  padding-top: 4px;
}

.menusearcharea
{
  height: 28px;
  width: 300px;
  color: #434343;
  font-size: 12x;
  text-align: right;
  vertical-align: middle;
  padding-right: 10px;
  padding-top: 4px;
}

.menulinks a,
.menulinks a:link,
.menulinks a:visited,
.menulinks a:active
{
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  color: #434343;
  font-size: 12x;
}

.menulinks a:hover
{
  text-decoration: underline;
  color: #434343;
  font-size: 12x;
}

.pagebreadcrumbbody
{
	background-color: white;
  background-image: url('images/BrdcrmbTrl_Grdnt.jpg');
  background-repeat: repeat-x;
  height: 30px;
}

.pagelowerbody
{
	background-color: white;
  xbackground-image: url('images/SctnBkrnd_Grdnt.jpg');
  background-image: url('images/GryBckgrnd.jpg');
  background-repeat: repeat-x;
  background-color: #e4e5e9;
}

.pagemidbody
{
	background-color: white;
  background-image: url('images/SctnHdr_Pttrn.jpg');
  background-repeat: repeat-x;
}

.hybridpagemidbody
{
	background-color: white;
  background-image: url('images/CrcleGrdnt_200px.jpg');
  background-repeat: repeat-x;
  height: 200px;
}

.hybridpagemidbodyinner
{
  background-image: url('images/Gradient_200X14.jpg');
  background-repeat: repeat-x;
  height: 200px;
}

.brandingarea
{
  height: 99px;
  background-image: url('images/SctnHdrGrdnt.jpg');
  background-repeat: repeat-x;
}

.brandingarea a
{
  display: none;
}

.brandingimagearea
{
  width: 240px;
  float: left;
}

.brandingheaderarea
{
  width: 720px;
  float: left;
}

.pagehomemidbody
{
	background-color: white;
  background-image: url('images/CirclePttrnLg.jpg');
  background-repeat: repeat-x;
}

.hybridtitlearea
{
  width: 440px;
  height: 200px;
  float: left;
  margin-right: 20px;
  padding-left: 20px;
}
 
.hybridbrandingarea
{
  width: 480px;
  float: left;
} 

.landingbrandingarea
{
  height: 250px;
  background-image: url('images/ImageHdrBkrnd_Lg.jpg');
  background-repeat: repeat-x;
}

.homebrandingarea
{
  height: 250px;
  background-image: url('images/FullHdr_Type_960.jpg');
  background-repeat: repeat-x;
}

.homebrandingtextarea
{
  width: 55px;
  float: left;
  width: 500px;
  xbackground-image: url('images/HalfHdr_Type2_480.jpg');
  xbackground-repeat: no-repeat;
  float: left;
}

.homebrandingimagearea
{
  width: 420px;
  float: left;
  margin-top: 15px;
  margin-right: 20px;
  float: right;
}

.landingbrandingimagearea
{
  width: 960px;
  xxmargin-top: 15px;
  xxmargin-right: 20px;
  xxmargin-left: 20px;
  float: right;
}

.contentarea
{
  background-color: white;
  vertical-align: top;
}

.contenttable
{
  xborder-collapse: collapse;
  width: 960px;
  xpadding-left: 10px;
  xpadding-right: 10px;
}

.SpacerPane
{
  font-size: 1px;
  xfont-size: 0px;
  padding-top: 0px;
  border-collapse: collapse;
  
}

.HomeUpperMainPane
{
  width: 640px;
  padding: 0px 10px 0px 10px;
}

.HomeRightPane
{
  width: 280px;
  padding: 0px 10px 0px 10px;
}

.HomeMainPane
{
  width: 280px;
  padding: 0px 10px 0px 10px;
}

.HomeLeftPane
{
  width: 340px;
  padding: 0px 10px 0px 10px;
}

.MainPane
{
  width: 700px;
  padding: 0px 10px 0px 10px;
}

.LeftPane
{
  width: 220px;
  padding: 0px 10px 0px 10px;
}

.BottomPane
{
  width: 9600px;
  padding: 0px 10px 0px 10px;
}

.bottomarea
{
  background-color: white;
}

.footerarea
{
  width: 960px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  xmargin-top: 10px;
  background-image: url('images/FooterBar2.jpg');
  background-repeat: repeat-x;
  background-color: white;
}

.footerleft
{
  float: left;
}

.footerright
{
  float: right;
}

.footerarea a,
.footerarea a:link,
.footerarea a:visited,
.footerarea a:active
{
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  color: #434343;
  font-size: 12x;
}

.footerarea a:hover
{
  text-decoration: underline;
  color: #434343;
  font-size: 12x;
}

.tenpxspacer
{
  height: 10px;
  font-size: 1px;
  background-color: white;
}

.DNNEmptyPane
{
  display: none;
}


/* ***********************************
            Menu styles
*********************************** */

/* *****************************
      Side Menu (Links Module)
   ***************************** */

.sidenav .DNN_LinksContent
{
  border-bottom: 1px solid #757575;
}

.sidenav .LinksDesignTable td
{
  border-top: 1px solid #757575;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: middle;
}

.sidenav .LinksDesignTable td a,
.sidenav .LinksDesignTable td a:link,
.sidenav .LinksDesignTable td a:active,
.sidenav .LinksDesignTable td a:visited
{
  display: block;
  width: 220px;
  color: #757575;
  margin: 0px;
  padding-left: 10px;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
}

.sidenav .LinksDesignTable td a:hover
{
  display: block;
  width: 220px;
  color: #003b77;
  margin: 0px;
  padding-left: 10px;
  font-weight: bold;
  vertical-align: middle;
  text-decoration: underline;
}


/**************************************************
 *                                                *
 * SpectracomTabs AJAX Tabs Style                 *
 *                                                *
 **************************************************/

.SpectracomTabs
{
	text-align: left;
}

.tabcontent .ajax__tab_header {
    font-family:arial,tahoma,helvetica;
    font-size:14px;
    line-height: 40px;
    font-weight:normal;
    xbackground:
        url('images/TabNrml_Mdl.jpg') 
        repeat-x 
        bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #BDB5B2;
    border-left: 1px solid #BDB5B2;
    border-right: 1px solid #BDB5B2;
}
.tabcontent .ajax__tab_outer {
    padding-right:7px;
    background:
        url('images/TabNrml_Rght.jpg') 
        no-repeat 
        right;
    height:43px;
}
.tabcontent .ajax__tab_inner {
    padding-left:7px;
    background:
        url('images/TabNrml_Lft.jpg') 
        no-repeat;
    height:43px;
}
.tabcontent .ajax__tab_tab {
    padding:0px 4px 0px 4px !important;
    margin:0 !important;
    background:
        url('images/TabNrml_Mdl.jpg') 
        repeat-x;
    height:43px;
}
.tabcontent .ajax__tab_hover .ajax__tab_outer {
    padding-right:7px;
    background:
        url('images/TabNrml_Rght.jpg') 
        no-repeat 
        right;
    xcolor: #003b77;
}
.tabcontent .ajax__tab_hover .ajax__tab_inner {
    padding-left:7px;
    background:
        url('images/TabNrml_Lft.jpg') 
        no-repeat;
    xcolor: #003b77;
}
.tabcontent .ajax__tab_hover .ajax__tab_tab {
    padding:0px 4px 0px 4px !important;
    background:
        url('images/TabNrml_Mdl.jpg') 
        repeat-x;
    xcolor: #003b77;
    text-decoration: underline;
}
.tabcontent .ajax__tab_active .ajax__tab_outer {
    padding-right:7px;
    background:
        url('images/TabActv_Rght.jpg') 
        no-repeat 
        right;
    color: #757575;
}
.tabcontent .ajax__tab_active .ajax__tab_inner {
    padding-left:7px;
    background:
        url('images/TabActv_Lft.jpg') 
        no-repeat;
    color: #757575;
}
.tabcontent .ajax__tab_active .ajax__tab_tab {
    padding:0px 4px 0px 4px !important;
    background-color: white;
    color: #003b77;
    font-weight: bold;
    background:
        url('images/TabActv_Mdl.jpg') 
        repeat-x;
}
.tabcontent .ajax__tab_body {
    font-family: arial,tahoma,helvetica;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #BDB5B2;
    border-top: 0px;
    padding: 8px;
    background-color: #ffffff;
    color: #322724;
}

.tabcontent .ajax__tab_tab p
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: normal;
    color: #434343;
}

.tabcontent .ajax__tab_hover p
{
    font-weight: normal;
    color: #434343;
}

.tabcontent .ajax__tab_active p
{
    color: #003b77;
    font-weight: bold;
}

.tabcontent .ajax__tab_header
{
  background: url('images/tab-line.gif') 
        repeat-x bottom;
}

/* DNN 6 fixes */
#cssdropdown, .subuls, .mainitems
{
  z-index: 1001;
}
.DnnModule
{
  z-index:0;
}
#dnn_dnnLOGIN_loginLink
{
  color: white !important;
}