@charset "UTF-8";
/* CSS Document */

/*
 * MISCELLANEOUS CORE ELEMENTS
*/
* {
padding:0;
margin:0;
}

body {
font:9pt verdana, sans-serif;
color:#555;
text-align: center;
background: #FFFFFF url(/images/bg-top.gif) repeat-x;
}

img {
border:none;
display:block;
}

a:active, a:focus {
outline: 0;
}

p {
}

blockquote {
}


ul.clsUnorderedBody {
margin:5px 0 0 0;
padding:0;
list-style-type:none;
}

ul.clsUnorderedBody li {
background-image:url(/images/arrow-orange-li.png);
background-repeat:no-repeat;
background-position:8px 1px;
font:8pt verdana, sans-serif;
margin:0px;
padding:0 0 0 20px;
color:#4b4b7d;
list-style-type:none;
line-height:125%;
}

ul.clsUnorderedBodySM {
margin:5px 0 0 0;
padding:0;
list-style-type:none;
}

ul.clsUnorderedBodySM li {
background-image:url(/images/arrow-orange-li.png);
background-repeat:no-repeat;
background-position:6px 4px;
font:9pt verdana, sans-serif;
margin:0px;
padding:0 0 0 20px;
color:#4b4b7d;
list-style-type:none;
line-height:150%;
}


h2 {
font:bold 11pt Helvetica, sans-serif; 
color:#4b4b7d;
}


/*
 * -- PAGE STRUCTURE
*/


div#idContainer{
margin-left: auto; 
margin-right: auto;
width: 930px;
padding:0 12px 0 12px;
}

#idTop{
height:106px; 
text-align:left;
}

#idTopNav{
padding-top:35px;
color:#CCCCCC;
font-size:8pt;
text-align:center;
padding-bottom:2px;
}

#idTopNav a {
background:none;
text-decoration:none;
color:#f0ac2f;
border-bottom:1px dotted #f0ac2f;
}

#idTopNav a:hover {
background:none;
text-decoration:none;
border-bottom:1px solid #f0ac2f;
color:#f0ac2f;
}

#idLogo{
width:280px; 
padding:15px 0 0 10px;
}

#idNavContainer{
  padding:0 0 17px 0;
  height:34px;
  width:100%;
  display:block;
  position:relative;
  clear:both;
}
#idPrimaryNav{
}

.clsMain {
width:930px;
}

#idHomeMainContentLeft{
width:575px; 
float:left; 
text-align:left; 
padding:25px 15px 25px 20px;
}

#idHomeMainContentLeft H1{
color:#4b4b7d; font:bold 14pt Helvetica, sans-serif;
}


#idMainContentRight{
width:230px; 
float:right; 
text-align:left; 
padding:25px 20px 30px 20px; 
background:url(/images/bg-sidebar.gif) no-repeat bottom left;
}



/*
 * -- PAGE HEADER
*/
.clsLogo {
padding:25px 0 10px 0;
width:170px;
float:left;
}

.clsNavTop {
float:right;
text-align:right;
font:8pt verdana, sans-serif;
color:#999999;
padding:20px 4px 0 0;
}

.clsLinksTop {
padding-bottom:2px;
}

.clsLinksTop a {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

.clsLinksTop a:hover {
background:none;
text-decoration:none;
border-bottom:1px solid #f7931d;
color:#f7931d;
}

.clsLoggedSecure {
position:absolute;
text-align:left;
top:21px;
left:12px;
}

.clsLoggedSecure a {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

.clsLoggedSecure a:hover {
background:none;
text-decoration:none;
border-bottom:1px solid #f7931d;
color:#f7931d;
}

.clsCustTestimonial {
width:325px;
color:#fff;
float:right;
margin:100px 40px 30px 0;
_margin-right:20px;
font:bold 8.5pt Arial, Helvetica, sans-serif;
}

.clsCustTestimonialInt {
width:325px;
color:#fff;
float:right;
margin:25px 40px 10px 0;
_margin-right:20px;
font:bold 8.5pt Arial, Helvetica, sans-serif;
}

.clsRegisterNow {
clear:both;
float:right;
display:block;
margin:0 40px 0 0;
_margin-right:20px;
}

.clsRegisterNowBorder {
border:2px solid #000;
padding:3px 0 3px 0;
margin:0;
}


/*
 * -- HomePAGE Specific
*/
div#idHomeBanner{
font:8pt verdana, sans-serif;
}

div#idHomeBanner h3{
color:#fff;
font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
text-transform: capitalize;
}

div#idHomeBanner h1 {
color:#fff;
font:bold 30pt Arial, Helvetica, sans-serif sans-serif;
font-weight:900;
text-align:left;
padding:5px 0 15px 25px;
}

div#idHomeBanner a {
background:none;
text-decoration:none;
color:#ff3000;
border-bottom:1px dotted #ff3000;
}

div#idHomeBanner a:hover {
background:none;
text-decoration:none;
border-bottom:1px solid #ff3000;
color:#ff3000;
}

#idHomeBanner{
background:url(/images/banner-home.jpg) no-repeat; 
height:241px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}


/*
 * Interior Pages
*/

#idBannerProducts{
background:url(/images/banner-interior-products.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerProcess{
background:url(/images/banner-interior-process.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerContact{
background:url(/images/banner-interior-contact.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerAbout{
background:url(/images/banner-interior-about.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerSitemap{
background:url(/images/banner-interior-sitemap.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerCiscoAssess{
background:url(/images/banner-assessment-cisco.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}


/***************************************************/

     /*   PAGE FOOTER   */
                 
/***************************************************/


.clsLayoutInfoGradient{
background: url(/images/bg-layout-info.gif) repeat-x;
}
.clsLayoutInfo {
padding:15px 0 0 25px; 
float:left; 
width:250px;
}
.clsGalleryBottom{
text-align:right; border-top:1px dotted #dedede; margin-top:10px;
}
.clsLayoutDiv{

}
.clsLayoutDiv a{
border:none !important;
}




/*
 * PAGE FOOTER
*/
#idFooter {
background:url(/images/footer-home.jpg) no-repeat; height:140px; width:930px;
font:8pt verdana, sans-serif;
color:#555;
}

.clsFooterDiv {
height:100px; width:180px; float:left; padding:20px; text-align:left;
}

.clsFooterDiv P {
line-height:150%;
}

.clsFooterDivRight{
height:100px; width:230px; float:left; padding:20px; text-align:left;
}

.clsFooterDivRight P {
line-height:150%;
}

.clsFooterIcons {
float:left; margin:-5px 5px 0 0;
}

#idFooter A {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

#idFooter A:hover, A:active {
background:none;
text-decoration:none;
border-bottom:1px solid #f7931d;
color:#f7931d;
}


#idSubFooter A {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

#idSubFooter A:hover, A:active {
background:none;
text-decoration:none;
border-bottom:1px solid #f7931d;
color:#f7931d;
}

.clsSubFooterLeft {
float:left; 
padding:7px 0 2px 15px;  
font:8pt Arial, Helvetica, sans-serif; 
color:#37364d;
}

.clsSubFooterRight {
float:right; 
padding:7px 15px 2px 0; 
font:8pt Arial, Helvetica, sans-serif; 
color:#37364d;
}



/*
 * HOMEPAGE SPECIFIC
*/
.clsHomeBanner {
background:url(/images/banner-home-public.jpg) no-repeat;
width:925px;
height:255px;
}

.clsMainHome {
clear:both;
background-color:#fff;
}

.clsMainHome a {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

.clsMainHome a:hover,
.clsMainHome a:active {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px solid #f7931d;
}

.clsLoginHolderHome {
width:240px;
padding:30px 0 20px 0;
float:left;
}

.clsLoginBoxHead {
background:url(/images/box-blue-top.gif) no-repeat;
height:30px;
}

.clsLoginBoxMainArea {
background-color:#e6e6e6;
}

.clsLoginBoxBlurb {
color:#f7931d;
padding:10px 20px 5px 20px;
line-height:120%;
_line-height:100%;
font:bold 10pt Arial, Helvetica, sans-serif;
}

.clsLoginHolderH2 {
color:#fff;
padding:8px 0 0 5px;
margin-left:12px;
font:11pt Arial, Helvetica, sans-serif;
}

.clsLoginBoxBottomRequest {
background-color:#ededed;
}

.clsBoxHolder {
width:218px;
padding:30px 10px 20px 0px;
float:left;
}

.clsBoxOne {
width:218px;
height:325px;
background:url(/images/box-fixed-height.gif) no-repeat;
}

.clsBoxHeaderH2 {
color:#f7931d;
padding:15px 10px 0px 25px;
margin-left:12px;
background:url(/images/arrow-blue.gif) no-repeat;
background-position:5px 20px;
font:bold 12pt Verdana, Arial, Helvetica, sans-serif;
}

.clsBoxHeaderH2 a {
border-bottom:none;
}

.clsBoxBlurb {
line-height:120%;
padding:10px 20px 5px 20px;
_line-height:100%;
font:8pt Arial, Helvetica, sans-serif;
}


/*
 * INTERIOR PAGES
*/
.clsMainInterior {
clear:both;
background-color:#fff;
}

.clsInteriorBanner {
background:url(/images/banner-interior-public.jpg) no-repeat;
width:925px;
height:147px;
}

.clsInteriorBannerSecure {
background:url(/images/banner-interior-secure.jpg) no-repeat;
width:925px;
height:147px;
}

.clsSectionTitle h1 {
width:325px;
color:#fff;
float:right;
margin:88px 40px 10px 0;
_margin-right:20px;
font:bold 20pt Arial, Helvetica, sans-serif;
text-align:right;
}

.clsBreadCrumbs {
height:25px;
padding-top:5px;
padding-bottom:2px;
display:block;
clear: both;
}

.clsBreadCrumbs a {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
margin-bottom:2px;
}

.clsBreadCrumbs a:hover,
.clsBreadCrumbs a:active {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px solid #f7931d;
margin-bottom:2px;
}

.clsMainContentHolder {
width:655px;
margin:0 30px 0 0;
font:10pt Arial, Helvetica, sans-serif;
float:left;
}

.clsAdminContent {
width:885px;
margin-right:0;
background-color:#dedede;
padding:15px 20px 20px 20px;
}

.clsMainContentSecureHome {
background:url(/images/bg-maincontent-homesecure.gif) repeat-x;
}

.clsLoginHolderInterior {
width:240px;
padding:0 0 10px 0;
}

.clsMainContent {
margin:0 0 0 5px;
}

.clsMainContentSecure {
padding:15px 20px 20px 20px;
}

.clsInsetHolder {
width:100%;
background:#fff;
}

h1.clsMainContentHeader {
color:#f7931d;
padding:0px 10px 10px 25px;
background:url(/images/arrow-blue.gif) no-repeat;
background-position:5px 7px;
font:bold 14pt Verdana, Arial, Helvetica, sans-serif;
}

h2.clsMainContentHeader {
color:#f7931d;
padding:15px 10px 15px 25px;
background:url(/images/arrow-blue.gif) no-repeat;
background-position:5px 20px;
font:bold 12pt Verdana, Arial, Helvetica, sans-serif;
}

.box3 h2 {
color:#333;
padding:15px 10px 2px 45px;
font:11pt Verdana, Arial, Helvetica, sans-serif;
}

h3.clsMainContentHeader {
color:#f7931d;
padding:0 10px 5px 0;
font:normal 10pt Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

.clsContentImage {
float:left;
padding:0 15px 15px 0;
}




/*
 * SIDEBAR
*/
.clsSidebar {
float:right;
width:240px;
}

.clsSideBarModuleHead {
background:url(/images/box-red-top.gif) no-repeat;
height:30px;
}

.clsSideBarModuleH2 {
color:#fff;
padding:8px 0 0 5px;
margin-left:12px;
font:11pt Arial, Helvetica, sans-serif;
}

.clsSideBarModuleMainArea {
background:url(/images/box-sidebarmodule-bg.gif) repeat-y;
}

.clsSideBarInset {
font-size:12px;
padding:10px 0;
}

.clsSideBarInset p {
margin:0px 5px 8px 12px;
}

.clsSideBarModuleBottom {
background:url(/images/box-blue-bottom.gif) no-repeat;
height:10px;
}

.clsSideBarModuleBottom2 {
background:url(/images/box-red-bottom.gif) no-repeat;
height:10px;
}

.clsEntryBlurb {
padding:5px 15px 5px 0;
}

.clsRegisterNowSideBar {
text-align:center;
}

.clsSideBarSliderButton {
background:none;
border:none;
cursor:pointer;
margin-bottom:5px;
display:block;
}

.clsRegistrationProgressHolder {
width:240px;
padding:0 0 30px 0;
float:right;
background:none;
background-color:#fff;
}

p.clsSidebarAddress {
padding-top:12px;
margin:0px 0px 8px 12px;
font-size:14px;
line-height:22px;
}

.clsSideBarStepsHolder {
padding:10px;
width:220px;
}

.clsSteps {
font:bold 55pt Helvetica, sans-serif;
color:#bbb;
}

.clsStepTitle {
font:bold 16pt Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#f7931d;
}

.clsIconForm {
float:left; padding:0 10px 10px 0;
}


/*
 * TABS
*/
.clsTabContainer {
border-bottom:1px solid #97a5b0;
border-left:1px solid #97a5b0;
border-right:1px solid #97a5b0;
}

.clsTableTop {
background:url(/images/th-bg.jpg) repeat-x;
width:100%;
height:25px;
}

.clsResourceLibraryTitle {
font:bold 10pt Arial, Helvetica, sans-serif;
color:#fff;
padding-left:5px;
}

.clsLibraryFilters {
font:bold 10pt Arial, Helvetica, sans-serif;
padding-left:100px;
color:#fff;
}

.clsResourceType {
font:8pt Arial, Helvetica, sans-serif;
}


/*
 * FORMS
*/
form {
margin:0px;
padding:0px;
}
input, select, textarea {
border:1px dashed #dedede;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#282c6a;
padding:3px 2px 2px 2px;
background:#fafafa url(/images/Input_Background.gif) repeat-x;
resize:none;
}
.clsFormInput {
font:11px verdana, sans-serif;
color:#555;
}
.clsFormButtonBold {
font-weight:bold;
}
.clsFormSent{
padding:10px 5px 10px 5px;
margin:5px 0 5px 0;
background:#ffe4e1 !important; 
background-image:url() !important;
border:1px solid #fe1a01 !important;
}


 
/* 
*  PRODUCT COMPARE MATRIX
 */
 
#idProductMatrix {

border-top: 1px solid #efefef;
border-right: 1px solid #efefef;
}
#idProductMatrix TD {
padding: 4px 2px 4px 2px;
border-bottom: 1px solid #efefef;
border-left: 1px solid #efefef;
}
#idProductMatrix THEAD TD {
font-weight: bold;
background-color: #efefef;
color: #4b4b7d;
text-transform:uppercase;
}
#idProductMatrix TD.clsFeature {
color: #4b4b7d;
background-color: #efefef;
font-weight: bold;
text-transform:uppercase;
}
#idProductMatrix TD.clsGoodWhen {
color: #4b4b7d;
background-color: #fff;
font-weight: bold;
text-transform:uppercase;
}
#idProductMatrix TD.clsGoodWhenAlt {
color: #4b4b7d;
background-color: #f5eadd;
font-weight: bold;
text-transform:uppercase;
}
 
 
/* Start custom button CSS here
    ---------------------------------------- */
.btn {
display:inline-block;
background:none;
margin:0;
padding:3px 0;
border-width:0;
overflow:visible;
font:100%/1.2 Arial,Sans-serif;
text-decoration:none;
color:#f7931d;
border:none !important;
}
* html button.btn {
padding-bottom:1px;
}

/* Immediately below is a temporary hack to serve the 
 following margin values only to Gecko browsers
 Gecko browsers add an extra 3px of left/right 
 padding to button elements which can't be overriden.
 Thus, we use -3px of left/right margin to overcome this. */

html:not([lang*=""]) button.btn {
margin:0 -3px;
}
.btn span {
background:#ddd url(/images/bg-button.gif) repeat-x 0 0;
margin:0;
padding:3px 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}
* html .btn span {
padding-top:0;
}
.btn span span {
position:relative;
padding:3px .4em;
border-width:0;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
border-right-width:0;
}
button.pill-l span span {
border-right:1px solid #bbb;
}
button.pill-c span {
border-right-style:none;
border-left-color:#fff;
}
button.pill-c span span {
border-right:1px solid #bbb;
}
button.pill-r span {
border-left-color:#fff;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
cursor:pointer; /* important for any clickable/pressable element */
border-color:#fe6102 !important;
color:#fe6102;
}
.btn:active span {
background-position:0 -400px;
outline:none;
}
.btn:focus, .btn:active {
outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

/* use if one button should be the 'primary' button */
.primary {
  font-weight:bold;
  color:#000;
  }
 


/*
 * UTILITY ITEMS
*/
.clsLeft {
float:left;
}
.clsRight {
float:right;
}
.clsAlignRight {
text-align:right;
}
.clsAlignLeft {
text-align:left;
}
.clsAlignCenter {
text-align:center;
}
.clsDisplayNone {
display:none;
}

.clsPositionRelative {
position:relative;
}

.clsAlignTop    { vertical-align:top !important; }
.clsAlignMiddle { vertical-align:middle !important; }
.clsAlignBottom { vertical-align:bottom !important; }
.clsAlignLeft   { text-align:left !important; }
.clsAlignCenter { text-align:center !important; }
.clsAlignRight  { text-align:right !important; }

.clsWidth10   { width:10px; }
.clsWidth20   { width:20px; }
.clsWidth50   { width:50px; }
.clsWidth75   { width:75px; }
.clsWidth100  { width:100px; }
.clsWidth125  { width:125px; }
.clsWidth150  { width:150px; }
.clsWidth190  { width:190px; }
.clsWidth200  { width:200px; }
.clsWidth250  { width:250px; }
.clsWidth300  { width:300px; }
.clsWidth350  { width:350px; }
.clsWidth400  { width:400px; }
.clsWidth450  { width:450px; }
.clsWidth500  { width:500px; }
.clsWidthFull { width:100%; }

.clsPadding1  { padding:1px; }
.clsPadding2  { padding:2px; }
.clsPadding3  { padding:3px; }
.clsPadding4  { padding:4px; }
.clsPadding5  { padding:5px; }
.clsPadding10 { padding:10px; }
.clsPadding15 { padding:15px; }
.clsPadding20 { padding:20px; }
.clsPadding25 { padding:25px; }
.clsPadding30 { padding:30px; }

.clsPaddingTop1  { padding-Top:1px; }
.clsPaddingTop2  { padding-Top:2px; }
.clsPaddingTop3  { padding-Top:3px; }
.clsPaddingTop4  { padding-Top:4px; }
.clsPaddingTop5  { padding-Top:5px; }
.clsPaddingTop10 { padding-Top:10px; }
.clsPaddingTop15 { padding-Top:15px; }
.clsPaddingTop20 { padding-Top:20px; }
.clsPaddingTop25 { padding-Top:25px; }
.clsPaddingTop30 { padding-Top:30px; }

.clsPaddingRight1  { padding-Right:1px; }
.clsPaddingRight2  { padding-Right:2px; }
.clsPaddingRight3  { padding-Right:3px; }
.clsPaddingRight4  { padding-Right:4px; }
.clsPaddingRight5  { padding-Right:5px; }
.clsPaddingRight10 { padding-Right:10px; }
.clsPaddingRight15 { padding-Right:15px; }
.clsPaddingRight20 { padding-Right:20px; }
.clsPaddingRight25 { padding-Right:25px; }
.clsPaddingRight30 { padding-Right:30px; }

.clsPaddingBottom1  { padding-Bottom:1px; }
.clsPaddingBottom2  { padding-Bottom:2px; }
.clsPaddingBottom3  { padding-Bottom:3px; }
.clsPaddingBottom4  { padding-Bottom:4px; }
.clsPaddingBottom5  { padding-Bottom:5px; }
.clsPaddingBottom10 { padding-Bottom:10px; }
.clsPaddingBottom15 { padding-Bottom:15px; }
.clsPaddingBottom20 { padding-Bottom:20px; }
.clsPaddingBottom25 { padding-Bottom:25px; }
.clsPaddingBottom30 { padding-Bottom:30px; }

.clsPaddingLeft1  { padding-left:1px; }
.clsPaddingLeft2  { padding-left:2px; }
.clsPaddingLeft3  { padding-left:3px; }
.clsPaddingLeft4  { padding-left:4px; }
.clsPaddingLeft5  { padding-left:5px; }
.clsPaddingLeft10 { padding-left:10px; }
.clsPaddingLeft15 { padding-left:15px; }
.clsPaddingLeft20 { padding-left:20px; }
.clsPaddingLeft25 { padding-left:25px; }
.clsPaddingLeft30 { padding-left:30px; }


.clsLargeGrayText {
font:9pt verdana, sans-serif;
color:#7f6f58;
line-height:18px;
}

.clsAshBlueText{
color:#4b4b7d;
}

.clsDarkGrayText {
color:#333;
}

.clsRedText {
color:#f00;
}

.clsClearBoth {
clear:both;
}

.clsBigText {
font-size:125%;
}

.clsGenericLink a {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

.clsGenericLink a:hover {
background:none;
text-decoration:none;
border-bottom:1px solid #f7931d;
color:#f7931d;
}

span.clsTiny {
font-size:8px;
}

.clsSectionBreakDotted {
	margin-top:10px;
 margin-bottom:10px;
	border-top:1px dotted #dedede;
}

.clsSectionBreakSolid {
	margin:0px;
	border-top:1px solid #dedede;
}

.clsSectionBreakDashed {
	margin-top:10px;
 margin-bottom:10px;
	border-top:1px dashed #dedede;
}