﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

.fullWidth {width:100%;}


/*------------------------------------------------*/
/* 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  ul li:last-child > a { }
	#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;
}

.BlogTable5px th, .BlogTable5px td {
    padding: 5px;
}

.BlogTable10px th, .BlogTable10px td {
    padding: 10px;
}

.BlogTable15px th, .BlogTable15px td {
    padding: 15px;
} 

.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;
}

.msearch-toolbar > .search-button { height: 20px !important;}

  .header-component1 div.search1 input.form-control.search-input {
    border-bottom: 1px solid #a9afb7 !important;
}