@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url("css/menu.css");

/*----------------------------------CSS Notes
SubNavigation Styles - DesktopModules/CodingStaff.Subnavigation/Module.css

-----------------------------------*/

/* CSS Document */
#Body  { background-image:url("images/background.jpg"); background-repeat:repeat-x; font-size: 12px; font-family: 'Open Sans', Arial, sans-serif; font-weight: normal; }

h1 { color:#024ab2; font-family: 'PT Sans', sans-serif; font-size:20px; }
h2 , h2 .TitleHead{ color:#024ab2; font-family: 'PT Sans', sans-serif; font-size:17px; }
h3, .highlight { color:#024ab2; font-family: 'PT Sans', sans-serif; font-size:14px; }

p, ul li, ul li p { font-size:13px; color:#58595b; font-family: 'Open Sans', sans-serif; }
ul  { list-style-image:url(/images/bullet.gif); }
img { border:0; }

#maincontent a, a.blog_more_link p {
    font-family: 'Open Sans', sans-serif !important;
    color:#00285e;
    font-size:12px; 
    text-decoration:underline;
    font-weight:bold;
}

#maincontent a:hover, a.blog_more_link:hover p {
    color:#FEBA35;
    text-decoration:none;
}

#contentcontainer-main {
    width:1002px;
    margin:0 auto;
}

#footercontainer { text-align:center; background-color:#f2f3f3; height:300px; font-family: 'PT Sans', sans-serif; }
.footer, a.footer { color:#00285e; font-size:12px; line-height:30px; }
a.footer { text-decoration:underline; }
a.localedition { color:#58595b; font-family: 'Open Sans', Arial, Helvetica; font-weight:bold; font-size:11px; line-height:15px; position:relative; right:0px; top:0px; }

#maincontent { background-color:#fff; clear:both; padding:20px; padding-bottom:10px; }
#navcontainer { display:block; clear:both; float:right; margin-top:10px; width:454px; height:35px; text-align:right; }
#subnavcontainer { width:200px; display:table-cell; }

#topcontainer { height:475px; }
#topcontainer .topContent { border-spacing:0; border-collapse:collapse; border:0; width:100%; }

#searchPlaceHolder { width:200px; background-color:lightGray; display:inline-block; }
.searchSection { float:right; width:100%; text-align:right; height:30px; line-height:30px; }
#dnn_SearchPane { margin:-10px -13px 10px 0; 	padding:0; }
#dnn_SearchPane .sbBarStart,
#dnn_SearchPane .sbBarEnd,
#dnn_SearchPane .sbBarInner { background-image:none; }

#contactbuttons { float: right; padding-top:5px; clear: both; }

#idcontainer { float:left; margin-top:5px; margin-left:10px; }

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}



.search_style{float:right; height:35px; position:relative; top:0px;}
.search_bg{padding:8px 2px 0 0;}

#login_style{ float:right; line-height:34px; padding-right:18px;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*--------- pane style ----------*/
.BannerPane {display:inline-block;float:right;padding-right:0px;width:auto;}
.TopMiddlePane{width:802px; display:block;position:relative;padding:0,0,0,0;}
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0;}
.LeftPane{}
.RightPane{}
.TopRightPane
{
    float:right;
    position:relative; 
}

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer { padding-bottom:0px;  padding-top:30px; font-family: 'PT Sans', sans-serif !important; color:#939598; font-size:12px;  clear:both; }

#maincontent a.links, 
#maincontent.linkscontainer a{ font-family: 'PT Sans', sans-serif !important; color:#939598; font-size:12px;  font-weight:normal; text-decoration:none; }
#maincontent a.links:hover
#maincontent .linkscontainer a:hover {color:#FEBA35;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 12px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:164px; height:19px; margin-left:3px; color: #43494D; background:url("images/searchbg.gif")}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

	/*Override Aggregator Styles*/
    .DataIOProductDisplay_Blank_TabStrip { background:transparent; font-size:12px; float:left; }
	.DataIOProductDisplay_Blank_TabStrip ul { margin:0; padding:0; }  
    .DataIOProductDisplay_Blank_TabStrip li { color:#58595b; font-family: 'Open Sans', sans-serif; font-size:12px; list-style:none; margin:0; max-width:135px; padding:5px 0 5px 5px; text-align:left; }
	.DataIOProductDisplay_Blank_TabStrip span { margin-right:0px; /* padding:-10px 0px 0px 0px;*/ text-decoration:none; }
	.DataIOProductDisplay_Blank_TabStrip span span { }

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
    .DataIOProductDisplay_Blank_TabStrip span span {float:none;}
    /* End IE5-Mac hack */

	.DataIOProductDisplay_Blank_TabSelected {
	  position: relative;
	  width:135px;
	  background-image:url("/Portals/0/arrow.jpg");
	  background-repeat:no-repeat;
	  background-position:right center;
	  padding-right:10px;
	  cursor: hand;

      }
      
      /*Phil Debugging*/
  .DataIOProductDisplay_Blank_TabSelected a {
		color: #58595b !important;
		text-decoration: none !important;
		font-family: 'Open Sans', Arial !important;
		font-weight:lighter !important;
  }
  
  .DataIOProductDisplay_Blank_TabStrip .DataIOProductDisplay_Blank_TabUnselected a {
		color: #58595b !important;
		text-decoration: none !important;
		font-family: 'Open Sans', Arial !important;
		font-weight:normal !important;
  }
  
  .DataIOProductDisplay_Blank_TabSelected a:hover {
		color: #58595b !important;
		text-decoration:underline !important;
		font-family: 'Open Sans', Arial !important;
		font-weight:lighter !important;
  }
  
  .DataIOProductDisplay_Blank_TabStrip .DataIOProductDisplay_Blank_TabUnselected a:hover {
		color: #58595b !important;
		text-decoration:underline !important;
		font-family: 'Open Sans', Arial !important;
		font-weight:normal !important;
  }
  /*end of Phil debugging*/
   /*Chidozie test*//*
   Span.DataIOProductDisplay_Blank_TabSelected a.ChiLink:link {
		color: #58595b;
		text-decoration: none;
		font-family:Arial;
		font-weight:lighter;
  }
  
  .DataIOProductDisplay_Blank_TabStrip Span.DataIOProductDisplay_Blank_TabUnselected a.ChiLink:link {
		color: #58595b;
		text-decoration: none;
		font-family:Arial;
		font-weight:normal;
  }
  
  a.ChiLink:hover .DataIOProductDisplay_Blank_TabSelected {
		color: #58595b;
		text-decoration:underline;
		font-family:Arial;
		font-weight:lighter;
  }
  
  .DataIOProductDisplay_Blank_TabStrip a.ChiLink:hover .DataIOProductDisplay_Blank_TabUnselected {
		color: #58595b;
		text-decoration:underline;
		font-family:Arial;
		font-weight:normal;
  }
   *//*end Chidozie*/
	.DataIOProductDisplay_Blank_TabStrip .DataIOProductDisplay_Blank_TabUnselected { padding-right:10px; cursor: hand;}
	.DataIOProductDisplay_Blank_TabStrip .DataIOProductDisplay_Blank_TabMouseOver { cursor: hand; background-image:url("/Portals/0/arrow.jpg"); background-repeat:no-repeat; background-position:right center; padding-right:10px; }
	  
	.DataIOProductDisplay_Blank_TabPage { float:left; width:170px; }	
    .DataIOProductDisplay_Blank_TabPage p { padding-left:10px; }	
	.DataIOProductDisplay_Blank_Paging { text-align:center; padding: 2px; margin: 3px; }
	.DataIOProductDisplay_Blank_Paging a { cursor: pointer; padding: 2px 5px 2px 5px; margin: 1px; color: #000; text-decoration: none; }
	.DataIOProductDisplay_Blank_Paging a:hover, .DataIOProductDisplay_Blank_Paging a:active { color:#0FF }
	
/*Title links - Jen*/
.h2_link a { c
	color:#024ab2 !important;
    font-family:'PT Sans' !important;
    font-size:14px !important;
	font-weight: lighter !important;
	text-decoration: none !important;
}

.h2_link a:hover, .h2_link a:active{
	color:#FEBA35 !important;
	font-family:'PT Sans' !important;
	font-size: 14px !important;
	text-decoration:underline !important;
	font-weight: lighter !important;
}

/*end Title links - Jen*/

/*End Aggregator Styles*/

.splashimg {
    float:right;
    border:solid 1px #CCC;
}

.floatingbox-right, .floatingbox-left {
    margin:15px;
    border:solid 1px #CCC; 
    width:200px;
    float:right;    
}

.floatingbox-left {
   float:left;
}
.floatingbox-left p.title, 
.floatingbox-right p.title {
    background-color:#FEBA35;
    color:#000000;
    font-size:11px;
    font-family: 'Open Sans', sans-serif;
    padding:3px;
    width:194px;
    position:relative;
    font-weight:bold;
    margin:0px;
}

.floatingbox-left p, 
.floatingbox-right p { font-size:11px; padding-right:7px; padding-left:7px;}

.floatingbox-left a, 
.floatingbox-right a { font-size:11px; }

.floatingbox-right-blue, 
.floatingbox-left-blue { margin:15px; border:solid 1px #CCC;  width:250px; float:right; }
.floatingbox-left-blue { float:left; }

.floatingbox-left-blue p.title, 
.floatingbox-right-blue p.title { background-color:#00285e; color:#feba35; font-size:11px; font-family: 'Open Sans', sans-serif; padding:3px; width:98%; position:relative; font-weight:bold; margin:0px; }
.floatingbox-left-blue p, 
.floatingbox-right-blue p  { font-size:11px; padding-right:7px; padding-left:7px; }
.floatingbox-left-blue a, 
.floatingbox-right-blue a { font-size:11px; }

/*SEO HTML Body Text - Jen*/

#seo {
	Color:#F2F2F2 !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-size: xx-small !important;
}

/*-------Request A Quote Styles--*/
.rfqformtable { background-color:#dddddf; margin-bottom:20px; }
.rfqformtable td { padding:10px; }
.rfqformtable input.NormalTextBox, 
.rfqformtable select { font-size:10px; }
.rfqformtable input.NormalTextBox { width:200px; }

.BlogDescriptionHeavy  { font-family: 'Open Sans', Arial,sans-serif; font-size: 10pt; font-weight: 700; display: none; }

#dnn_ctr626_MainView_ViewBlog_lblAuthor { display: none; }
#dnn_ctr626_MainView_ViewBlog_lblCreated { display: none; }

a.footerlinks { color:#2462bc; text-decoration: underline; }

#ControlBar_CustomMenuItems > li:hover > ul, 
#ControlActionMenu > li:hover > ul { display: block; }

/*----- Homepage EDN News Feed -----*/
.TopRightPane .DnnModule-EasyDNNnews { background-color: #2060BD; background-image: url('/Portals/0/Skins/DataIO-US/images/newsbg.png'); background-repeat: repeat-x; margin: 0; padding: 0 !important; width: 200px; }
.TopRightPane .DnnModule-EasyDNNnews .title_blue_bottom { padding: 0; }
.TopRightPane .DnnModule-EasyDNNnews .head_title { color: #FFF; border-bottom: 1px solid #eaeaea; padding: 3px 8px !important; }
.TopRightPane .DnnModule-EasyDNNnews .head_title .TitleHead { color: #FFF; font-family: 'Open Sans', Arial, sans-serif; font-size: 18px;}
.TopRightPane .DnnModule-EasyDNNnews .c_contentpane { padding: 5px 10px 0; overflow-x: auto; height: 276px; border: none;}
.TopRightPane .DnnModule-EasyDNNnews .eds_news_NewsOne.eds_subCollection_news .article.in_list { margin: 0; }
.TopRightPane .DnnModule-EasyDNNnews .eds_news_NewsOne.eds_subCollection_news .article.in_list h1 a { color: #FFF !important; font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; font-weight: bold !important;}
.TopRightPane .DnnModule-EasyDNNnews .eds_news_NewsOne.eds_subCollection_news .article.in_list > .content > .summary { color: #FFF !important; font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; line-height: 20px;}
.TopRightPane .DnnModule-EasyDNNnews .c_footer { display: none; }

/*----- Support Pages ------*/

#support-navs.nav.nav-tabs  {
margin-left:0px;
background-color: #5B9BD5;
}
#support-navs.nav.nav-tabs  ul {
	margin-left: 0px;
	}
	#support-navs.nav > li > a:hover, #support-navs.nav > li > a:focus, #support-navs.nav > li > a .active {
		border-color: #9DC3E6;
		background-color: #fff;
		color: #00285e;
	}
		#support-navs.nav li > a > .caret {
			color: #feba35;
		}
}

/*----- Support: Device Search ------*/
#maincontent a .btn.btn-primary {
	color:#fff !important;
	}
    .dioDataNeeded {
        background-color: yellow;
    }
    .table {
        display: table;
    }
    .table-row {
        display: table-row;
    }
    .table-row div{
        display: table-cell;
    }
	.breaking-space {
		margin-bottom: 15px; 
	}
	.details-page-button {
		margin: 15px 0;
	}
	.details-head {
		border-bottom: 1px solid #ddd;
	}
	ul.nav.nav-pills li.active a {
		color: #fff !important;
	}
	.device-search-panel-top-space {
	margin-top: 15px;
	}
	.RadAutoCompleteBox {
	width: 100%;
	}
	.RadAutoCompleteBox .racInput, .RadAutoCompleteBox_Default .racInput {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.RadAutoCompleteBox .racTokenList {
	border:none;
	}
	.search-button {
	margin-top: 1px;
	}
	.tab-pane.active .row:first-child {
	padding: 15px 0;
	}
	h3.algo-header {
	margin-top: 0px;
	}
	.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
	}
		.tooltip-inner ul {
		list-style: square;
		}
			.tooltip-inner ul li {
			color: #fff !important;
			}