@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

.DNNEmptyPane {
    display: none!important
}

.paneOutline {
    border: 1px dashed #ccc
}

/*
Body #Form {
    height: 100%
}
*/
.container{
	/*margin-top:20px;*/
}

.hideSearch {
    display: none !important
}

/*header {	
	margin-left: -15px !important;
    margin-right: -15px !important;
}*/

main {
	background: #fff;
	border-top: none;
	margin-bottom: 15px;
	min-height: 350px;
	/*width: 1200px;*/
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
}

.fullWidth {width:100%;}

.row {
     margin-left: 0 !important; 
     margin-right: 0 !important; 
}


/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

    /* Site Navigation */
    #nav {
	    float: right;
	    position:relative;
	    top: 18px;
    }
	
	#dnn_pnav li { 
		position:relative; 
		list-style:none;
		margin: 0;
	}
	
	#dnn_pnav li ul {
		margin-left:0;
	}
	
	#dnn_pnav > li {
		float:left;
		height:30px;
		padding-top:5px;
		margin-right:2px;
	}
	
	#dnn_pnav > li > a, #dnn_pnav > li > span {
		display:block;
		padding:5px 0 5px 15px;
		font-size:14px;
		font-weight:bold;
		color:#666;
		text-decoration:none;		
	}

	#dnn_pnav > li > span{
		cursor: default;
	}
	
	#dnn_pnav > li:hover > a, #dnn_pnav > li.active > a  {	color:#3B96B6;}
	#dnn_pnav > li:hover > a:active { color:#3B96B6;}
	#dnn_pnav > li:hover > span { color:#3B96B6;}

	/* Secondary level */
	#dnn_pnav > li ul {  /* Styles for all sub levels */
		display:none;
		position:absolute;
		z-index: 2;
		width:225px;
		padding: 0;
		background:#F5F7F7;
		border: 1px solid #cbcbcb;
		/* CSS3 */
		border-radius: 0px;
		/*box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
		-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:			 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		-webkit-animation-duration: .25s;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .25s;
		-moz-animation-delay: .2s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: .25s;
		-ms-animation-delay: .2s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: .25s;
		animation-delay: .2s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		
	}
	
	#dnn_pnav li:hover > ul { 
		display:block;
	}
	
	#dnn_pnav > li > ul { /* styles specific to secondary level */
		top:35px; 
		left:0; 
		padding: 15px 5px;
	}

	#dnn_pnav > li > ul:after {
		position:absolute;
		top:-15px; 
		left:20px;
		content:'';
		width:0px; 	
		height:0px; 
		border-left:15px solid transparent;  /* left arrow slant */
		border-right:15px solid transparent; /* right arrow slant */
		border-bottom:15px solid #F5F7F7; /* bottom, add background color here */
		font-size:0px;
		line-height:0px;
	}

	#dnn_pnav > li ul a, #dnn_pnav > li ul span {
		display:block;
		padding: 3px 15px;
		color:#3B9FBF;
		font-size: 13px;
		font-weight: normal;
		text-decoration:none;
		/* transition decleration */
		transition: 		all ease-in 100ms;
		-moz-transition: 	all ease-in 100ms; /* Firefox 4 */
		-webkit-transition: all ease-in 100ms; /* Safari and Chrome */
		-o-transition: 		all ease-in 100ms; /* Opera */
		-ms-transition: 	all ease-in 100ms; /* IE9? */
	}

	#dnn_pnav > li ul span{
		color: #666;
		cursor: default;
	}

	#dnn_pnav > li > ul li:hover > a {
		color:#D00;
		background: #F5F7F7;
	}
	
	/* Tertiary level */
	#dnn_pnav li ul li ul {
		left:225px; 
		top:-8px;
		padding: 15px 5px;
		border-left: 1px solid #ddd;
	}
	
/*Newly Added Style by Annis*/
.default {
    font-family: /*'Open Sans',*/ Arial,Helvetica,sans-serif !important;
    margin: 0 auto;
}

.default .postleft {
    float: left;
}


.default .post a.heading, .default .post span.heading {
    color: #0183c1 !important;
    font-family: /*'Open Sans',*/ Arial,Helvetica,sans-serif !important;
    font-size: 36px !important;
    font-weight: bold !important;
}

.default .post a.heading:hover, .default .post span.heading:hover {
   text-decoration: none !important;
}

.default .post .header {
    background-color: #FFFFFF;
    background-image: none !important;
}

.default a {
    font-family: /*'Open Sans',*/ Arial,Helvetica,sans-serif !important;
}

.default {
    font-family: /*'Open Sans',*/ Arial,Helvetica,sans-serif !important;
}

.default h1.blogname {
    color: #333333 !important;
    float: left;
    font-size: 17px !important;
    text-transform: uppercase !important;
}

.default h3.blogdescription {
    border-bottom: 1px solid #CCC !important;
    padding: 0 0 5px 0 !important;
}

.default h1.blogname, h3.blogdescription {
    font-family: /*'Open Sans',*/ Arial,Helvetica,sans-serif !important;
    font-weight: bold !important;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.default .post .metadata {
    background: none !important;
    color: #333333 !important;
    font-size: 1em !important;
    padding: 5px 5px 4px !important;
    border-bottom: 1px dotted #0183C1 !important;
}

.default .post {
    color: #333333 !important;
    font-size: 1em !important;
    	
}
.metadata a {
	color: #0183c1 !important;	
    font-size: 1em !important;	
}

.default .post .m-avatar {
    background-color: transparent !important;
    display: none !important;
}

.default .msearch-result .caption a, .default .msearch-result .caption, .default .mwidgetposts .posttimeago, .default .post .readmore a, .default .post .footer, .default .post .footer a, .default .post .post-tags, .default .post .post-tags a {
    color: #004B85 !important;
}    

.default .msearch-result .caption a, .default .msearch-result .ms-result .desc, .default .msearch-result .caption, .default .mwidgetposts, .default .mwidgetposts a, .default .mwidgetposts .posttimeago, .default .post .readmore a, .default .post .footer a, .default .post .post-tags, .default .post .post-tags a {
    font-size: 1em !important;
}

.default .post .m-avatar {
    background-color: transparent !important; 
}    

.default .post .header, .default .head {
    border-color: #E4E4E4 #CCCCCC #BBBBBB;
    border-radius: 1px !important;
    border-style: solid;
    border-width: 1px;
}

.default .categories, .default .archives, .default .authors, .default .tags, .default .mwidgetposts, .default .search {
    background: url("Images/categories-bg.png") repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 1px !important;
    margin-bottom: 20px;
    padding: 10px;
    width: 200px;
}

.default .ui-corner-all, .default .ui-corner-bottom, .default .ui-corner-right, .default .ui-corner-br {
    border-bottom-right-radius: 1px !important;
}
.default .ui-corner-all, .default .ui-corner-bottom, .default .ui-corner-left, .default .ui-corner-bl {
    border-bottom-left-radius: 1px !important;
}
.default .ui-corner-all, .default .ui-corner-top, .default .ui-corner-right, .default .ui-corner-tr {
    border-top-right-radius: 1px !important;
}
.default .ui-corner-all, .default .ui-corner-top, .default .ui-corner-left, .default .ui-corner-tl {
    border-top-left-radius: 1px !important;
}

.default .post .header, .default .head {
    border: none !important;
    border-color: #E4E4E4 #CCCCCC #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
}

.default .post .footer {
    background: none repeat scroll 0 0 #E0E4E9 !important;
    border-radius: 0 !important;
    height: 42px;
    margin: 0 0 1px !important;
    padding: 0 18px;
}

.default .postright h3, .default.widgetmodule h3, .default .related h3 {
    color: #333333 !important;
    font-family: /*'Open Sans',*/ Arial,Helvetica,sans-serif !important;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 5px;
}

.default .ui-widget {
    font-family: /*'Open Sans',*/ Arial,Helvetica,sans-serif !important;
    font-size: 15px !important;
}

.default .ui-datepicker table {
    border-collapse: collapse;
    font-size: 0.9em;
}

.default .ui-datepicker table {
    border-collapse: collapse;
    font-size: 12px !important;
}

.default .msearch-toolbar .textbox {
    border: 1px solid #DDDDDD;
    box-shadow: 2px 2px 2px #999999 !important;
    padding: 3px 25px 1px 3px !important;
    margin: 5px 0 0 !important;
    height: 30px !important;
    width: 170px !important;
    border-radius: 0 !important;
}

.ui-widget-header {
    background: none;
    border: none !important;
    color: #222222;
    font-weight: bold;
}

.ui-widget {
	border: 1px solid #CCCCCC !important;
}

.default .post .content {
    clear: both;
    line-height: 18px;
    min-height: 0 !important;
}

.default .post .readmore {
    float: left;
    margin-top: 20px !important;
}
	
.default .msearch-toolbar .search-button {
    background: url("../../../../DesktopModules/LiveBlog/Themes/Default/Style/Images/searchmagnifier.png") no-repeat scroll 0 0 transparent !important;
}

div.ui-helper-clearfix > .ui-dialog-titlebar-close {
	background: transparent url("http://www.mouser.com/Images/sprite_icon.png") no-repeat scroll 0 -104px !important;
	right: 0.8em !important;
	top: 20px !important;
	margin: -10px 0 0 !important;
}

#ft_links ul li h4{
	line-height: 20px !important;
}
#SelectedCurrencyId  {
    display: none !important;
}
#wideHeader {
	    background-color:#ffffff !important;
}
#wideHeader .row {
	margin-left: -15px !important;
    margin-right: -15px !important;
}
#wideFooter .container-fluid .mid-section-container {	
    /*width: 1200px;*/
    margin-left: auto !important;
	margin-right: auto !important;
}

.msearch-toolbar > .search-button { height: 20px !important;}

  .header-component1 div.search1 input.form-control.search-input {
    border-bottom: 1px solid #a9afb7 !important;
}

div.header-component1
{
	padding-left: 0;
	padding-right: 0;
}

/*   Help Section     */

.Title
{
	color: #333333;
	font-weight: 700;
	font-size: 20px;
}

hr
{
		margin-top: 18px !important;;
		margin-bottom: 18px !important;;
		margin-left: 3px;
		margin-right: 3px;
		border: 0;
		border-top: 1px solid #333333 !important;
	
}

.darkgray
{
	margin-bottom:20px;
}

.LinkTitle
{
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #0070BB;
	line-height: normal;
	line-height: 32px;
}

.Orange
{
	color: rgb(255, 128, 0);
	font-style: italic;
}

a.Title2 
{
	font-size: larger;
	color: #333333;
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
}

.a_underline
{
	border-bottom: .5px solid #333333;
	width: 250px;
	line-height: 26px;
}

a.dnnSearchBoxClearText  {
	visibility: hidden;
}

div.DnnModule-LiveHTML > a {
	visibility: hidden;
}

#dnn_dnnSearchFooter_txtSearch {
	height: 40px;
    width: 100%;
    border: #999 1px solid !important;
    padding: 7px;
    position: absolute;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(217, 217, 217, 1);
	border: #D9D9D9 1px solid !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    border-right: none !important;
}

#FooterSearchDiv .searchInputContainer {
	display: inline;
	position: static;
}

/*
@-moz-document url-prefix() {
  #dnn_dnnSearchFooter_txtSearch {
    margin-top: -20px;
  }
  #dnn_dnnSearchFooter_cmdSearch {
    margin-top: -26px;
  }
}
*/
#FooterSearchDiv{
    width: 80%;
    /*height: 40px;*/
    position: relative;
    z-index: 1;
} 

#dnn_dnnSearchFooter_cmdSearch
{
	position: relative;
    float: right;
    font-size: 18px;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

a#dnn_dnnSearchFooter_cmdSearch i {  	
	padding: 11px;
    color: white;	 
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	background: #0099FF;
    background-image: -webkit-linear-gradient(top, #0099FF 0%, #0070BB 100%);
    background-image: -o-linear-gradient(top, #0099FF 0%, #0070BB 100%);
    background-image: linear-gradient(to bottom, #0099FF 0%, #0070BB 100%);
    background-repeat: repeat-x;
}



#dnn_dnnSearchFooter_ClassicSearch .searchInputContainer{
	width: 100%;
}

.footerTable .lightGreyLine {
	margin: 11px 0px !important;
}

#mblPhone, #mblEmail {
	color: #FFFFFF
}

#dnn_dnnBreadcrumb_lblBreadCrumb {
	margin-left: -4px;
}

#dnn_dnnBreadcrumb_lblBreadCrumb a {
	text-decoration: none;
}

#dnn_dnnBreadcrumb_lblBreadCrumb a:hover,
#dnn_dnnBreadcrumb_lblBreadCrumb a:focus {
	text-decoration: underline solid #0064a7 1px;
	outline-offset: 0;
}

#breadcrumb {
	margin-top: 20px;
	font-size: small;
	font-weight: bold;
	padding-left: 10px;
	z-index: 10;
}

#breadcrumb .breadcrumb {
	padding: 9px;
}

#breadcrumb span.breadcrumb {
	color: #585D62;
}

#breadcrumb .breadcrumb-start {
	padding: 5px;
	font-weight: bold;
}

.lightGreyLine {
	color: #d9d9d9;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    border-top-color: #d9d9d9 !important;
}


/*
.livehtml .breadcrumb {
	padding: 5px;
	font-weight: bold;
}

.breadcrumb-end {	
	color: #7F7F7F;
}	
*/
.livehtml h1 {
	font-size: xx-large;
}

.sub-heading {
	font-size: large;
}

.help-article .help-article {
	max-width:700px;	
}

.help-article h2 {
	margin-bottom: 0px;	
	margin-top: 15px;	
}

.help-article .DNNContainer_Title_h2 h2 .TitleH2 {
	margin-bottom: 0px;	
}

.help-article .livehtml h2 {
	/*font-size: large;*/
	border-bottom: .5px solid #cacaca; /*#E4E4E4;*/
	margin-top: 36px;
	margin-bottom: 18px;	
	padding-bottom: 18px;	
	font-size: larger;
}

.header {
	margin-bottom: 18px;
}

.leftnav {    
	top: 0;
    position: sticky !important;    
	z-index: 10;
    background-color: white;
}

.leftnav li {
	font-size: medium;
	/*padding: 10px;*/
}

.leftnav >.nav-pills > li.active > a {
    background-color: #0070bb;
}
.nav > li > a:hover {
    background-color: #e0e4e9;
    color: #0070bb;
}

.help-article {
	font-size: medium;
	line-height: 1.5;
}

.help-article .indent {
	margin-left: 36px;
	margin-top: 18px;	
	margin-bottom: 18px;	
}

.help-article ul {
	list-style-type: disc;
	list-style-position: inside;
}

.help-article .related-links {
	list-style: none;
	margin: 0;
}
.help-article .related-links li {
	margin-bottom: 10px;	
}

.searchSkinObjectPreview_group {
	display: none;
}

.searchSkinObjectPreview > li > p {
	display: none;
}

.searchSkinObjectPreview > li > span {
	color: #0070BB;
}

.searchInputContainer > .searchSkinObjectPreview > li  {
	padding-left: 10px;
}

.searchInputContainer > .searchSkinObjectPreview > li:hover  {
	background-color: #e0e4e9;
}