/* ================================================================================
	Browser reset
   ================================================================================ */

html
{
    overflow: hidden;
}

html, body
{
    min-height: 300px;
}

*{margin:0;padding:0;}
option{padding-left:.4em;}
select{padding:1px;}
* html body *{overflow:hidden;}
* html iframe,* html frame{overflow:hidden;}
* html frameset{overflow:hidden;}
html{height:100%;margin-bottom:0px;}
body{font-size:100.01%;color:#000;background:#fff;text-align:left;}
fieldset,img{border:0 solid;}
ul,ol,dl{margin:0;list-style-type: none;}
li{margin-left: 0px;}
dt{font-weight:700;}
dd{margin:0 0 1em .8em;}
blockquote{margin:0 0 1em .8em;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
table {border: none;}
a { text-decoration: none; outline: none; }
pre { white-space: pre-wrap; }
/* ================================================================================
	Layout
   ================================================================================ */
body {
	font-family: segoe ui, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#page {
}
#leftContainer {
	background-color: #464646;
	color: #fff;
}
#leftContainerButton {
	background: url(../images/Layout/navigation-close.gif) no-repeat left center;
	cursor: pointer;
}
#leftContainerButton.open {
	background: #464646 url(../images/Layout/navigation-open.gif) no-repeat left center;
	cursor: pointer;
}
#mainContainer {
    background-color: #eee;
	
}

#print { display: none;}

/* -----------------------------------------------------------
    Styles for iPad web browsers
-----------------------------------------------------------*/
@media all and (device-width: 768px) and (device-height: 1024px) {
  #mainContainer 
  { 
      overflow:auto; 
      -webkit-overflow-scrolling:touch; 
  }
}

/*iPad in portrait mode*/
@media all and (device-width: 768px) and (device-height: 1024px)  and (orientation : portrait){
  iframe 
  { 
      /* JRB. Rescale the page dosen't work. Do action in the buttons dosen't work*/
    /* -moz-transform: scale(0.85, 1); 
    -webkit-transform: scale(0.85, 1); 
    -o-transform: scale(0.85, 1);
    -ms-transform: scale(0.85, 1);
    transform: scale(0.85, 1); 
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;*/
  } 
}

/* iPad in landscape mode*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape) {
  iframe 
  { 
      /* JRB. Rescale the page dosen't work. Do action in the buttons dosen't work*/
    /* -moz-transform: scale(0.85, 0.85); 
    -webkit-transform: scale(0.85, 0.85); 
    -o-transform: scale(0.85, 0.85);
    -ms-transform: scale(0.85, 0.85);
    transform: scale(0.85, 0.85); 
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;*/
  } 
}

/* ================================================================================
	Frames
   ================================================================================ */
#frameHeader {
	height: 90px;
}
#frameHeader .toolbar {
	height: 28px; /* 32 - 4 */
	/*background: url(../images/Layout/shadow-right.png) repeat-y;*/
    background: url(../images/Layout/tec-solution-portal-header.png) no-repeat;
	padding: 4px 0px 0px 15px;
	min-width: 450px;       /* JRB. Mantis 1608 */
}

#frameHeader .headline {
	font-size: 18px;
	color: #174B84;
	padding-left: 15px;
	font-weight: normal;
	line-height: 58px; /* 90 - 32 */
	background: #C8C8C8 url(../images/Layout/shadow-right.png) repeat-y;
	/* JRB. Mantis 1608 */
    height:58px;
	min-width: 638px;     
}

/* JRB. Mantis 1608 */
#frameHeader .headline span {
	display: inline-block;
    height:50px;
}

#frameContent .warrantytoolbar {
	height: 28px; /* 32 - 4 */
	background: url(../images/Layout/shadow-right.png) repeat-y;
	background-color: lavender;
	padding: 4px 0px 0px 15px;
}


#frameContent {
	overflow: auto;
	background: #C8C8C8 url(../images/Layout/shadow-right.png) repeat-y;
	
}
#frameContent .main {
	margin: 15px;
	
}
#frameHeader .message, #frameHeader .validation-summary-errors  {
	display: none;
	font-size: 1em;
	padding-left: 15px;
	height: 27px;
	line-height: 27px;
	background: url(../images/Layout/shadow-right.png) repeat-y;
    position:absolute;
    left:0;
    bottom:1px;
    width:100%;
}

#frameHeader .validation-summary-errors {
    display: block;
}

/*#frameContent  .validation-summary-errors {
	font-size: 1em;
	padding-left: 15px;
	border-bottom: 1px solid #AAAAAA;
	background: url(../images/Layout/shadow-right.png) repeat-y;
}*/

#frameHeader  .messageerror {
	background-color: #F9E6E6;
	color: #ED2B2B;	
}                                       

#frameHeader  .message.info {
	background-color: #DCE7F0;
	color: #000000;
	line-height: 27px;
}
#frameHeader  .message.error, #frameHeader .validation-summary-errors {
	background-color: #F9E6E6;
	color: #ED2B2B;	
	line-height: 27px;
}
#frameHeader  .message.infoLarge {
	background-color: #DCE7F0;
	color: #000000;
	height: 50px;
	line-height: 1.3em;
	padding: 7px 0px 7px 15px;
}
#frameHeader .message .scroll {
	overflow: auto;
	height: 50px;
	padding-right: 15px;
}

#frameFooter {
	background: #C8C8C8 url(../images/Layout/shadow-right.png) repeat-y;	
}
#frameFooter .breadcrumb {
	padding-left: 15px;
	line-height: 20px;
	min-width: 638px;       /* JRB. Mantis 1608 */
}

/* Breadcrumb section */

#frameFooter .breadcrumb div
{
	float: left;
	padding: 0px 2px 0px 10px;
}
#frameFooter .breadcrumb div.p
{
	height: 1%;
	padding: 0px 2px 0px 2px;
}

#frameFooter .breadcrumb div.a
{
	background-image: url(../images/bread1.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}

#frameFooter .breadcrumb div.b
{
	background-image: url(../images/bread2.gif);
	background-repeat: no-repeat;
}

/* Breadcrumb End */

#header {
	/*background: #323232 url(../images/Layout/header-logo-HD.gif) no-repeat;*/ /*JRB. Display new TecCom logo*/
    /*background: #323232 url(../images/Layout/header-logo-HD-final.gif) no-repeat;*/
    /*background: #323232 url(../images/Layout/ta_logo.png) no-repeat;*/
    background: white url(../images/Layout/ta_logo.png) no-repeat right center;
    padding-left: 6px;
} 

.header-info 
{
	color: #c8c8c8;    
	font-family: Calibri;
	font-size: 13px;
	margin-top: 23px;
	margin-left: 67px;
}

#header-map 
{
	position: absolute; 
    top:20px; 
    left:9px; 
    height: 50px; 
    width: 50px
}

#navigationHide {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    
    opacity:0.4;
    filter:alpha(opacity=40);   /* For IE8 and earlier */
    z-index: 1000;              
    display: none;
}

#navigation {
	font-size: 13px;
}

.level1 {
	background: #464646 url(../images/Layout/level1.gif) no-repeat left top;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	font-size: 14px;
	margin-bottom: 4px;
}

#navigationscroll {
	overflow: auto;
}

#navigation ul {
	padding: 0px 0px 0px 10px;
}

#navigation ul.navtop {
	padding: 0px 0px 0px 0px;
}

#navigation ul li {
	margin-bottom: 1px;
	padding-left: 13px;    
    
}

#navigation ul li.navtop {
	margin-bottom: 0px;
	padding-left: 0px;
}

#navigation ul li li {
	padding-left: 0px;   
   
}

#navigation ul li li.open {
	padding-left: 13px;
}

/* Child entries*/
#navigation ul li li.open ul li {
    padding-left: 13px;
}

/* Second Level entries*/
#navigation ul li ul li ul li li.open {
	padding-left: 13px !important;
}

/* Third Level entries*/
ul li ul li ul  {
    background-position: left;
	padding-left: 0px !important;
}

#navigation ul li.open {
	background: #464646 url(../images/Layout/nav-open.png) no-repeat;
	cursor: pointer;
}
#navigation ul li.close {
	background: #464646 url(../images/Layout/nav-close.png) no-repeat;
}
#navigation ul li.close ul {
	display: none;
}
#navigation ul li a {
	color: #fff;
	display: block;
	margin-right: 10px;
	padding: 1px;
	text-decoration: none;	
}


#navigation ul li a.level1 
{
	padding: 0px;
	padding-left: 10px;
	margin-right: 0px;    
}

#navigation ul li a:hover, 
#navigation ul li a.active {
	/*background-color: #975E3F;*/
    background-color: #5c89b6;
}
#view {
  font-size: 13px;
}
#view > * {
	padding-left: 10px;
}
label {
	margin-right: 5px;
}
fieldset {
	margin-bottom: 10px;
}
fieldset p {
	margin-bottom: 4px;
	clear: both;
}
fieldset.label-left {
	
}
fieldset.label-left label {
	display: block;
	float: left;
	height: 27px;
}
fieldset.groupbox {
	border: 1px solid #aaaaaa;
	padding: 7px 12px 12px;
}
fieldset.groupbox legend {
	color: #323232;
	padding: 0px 3px 0px 3px;
}

fieldset.left {
	display: block;
	float: left;
	width: 300px;
	border: 1px solid #aaaaaa;
	padding: 7px 12px 12px;
}

fieldset.right {
	
	float: right;
	width: 300px;
	border: 1px solid #aaaaaa;
	padding: 7px 12px 12px;
}

/* ================================================================================
	Toolbar Button
   ================================================================================ */
.toolbar a.button {
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 7px;
	background: transparent no-repeat left top;
}
.toolbar a:hover.button {
	cursor: pointer;
	background-position: left -24px;	
}
.toolbar a.disabled {
	cursor: pointer;
	background-position: left bottom;
}
.toolbar a:hover.disabled {
	cursor: default;
	background-position: left bottom;
}

.toolbar a:hover.hidden {
	cursor: default;
	background-position: left bottom;
	visibility:hidden;
	width:1px;
	background-image:none;
}

#toolbar-button-copy { background-image: url(../images/Layout/ico_copy.png); }
#toolbar-button-cut { background-image: url(../images/Layout/ico_cut.png); }
#toolbar-button-delete { background-image: url(../images/Layout/ico_delete.png); }
#toolbar-button-help { background-image: url(../images/Layout/ico_help.png); }
#toolbar-button-new { background-image: url(../images/Layout/ico_new.png); }
#toolbar-button-open { background-image: url(../images/Layout/ico_open.png); }
#toolbar-button-paste { background-image: url(../images/Layout/ico_paste.png); }
#toolbar-button-save { background-image: url(../images/Layout/ico_save.png); }
#toolbar-button-settings { background-image: url(../images/Layout/ico_settings.png); }


/* ================================================================================
	jquery ui 
   ================================================================================ */
.gradient {
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(left top, #808080, #C8C8C8 70%);
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, right top, from(#808080), to(#C8C8C8), color-stop(0.7, #C8C8C8));
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#C8C8C8, GradientType=1)";
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#808080, endColorStr=#C8C8C8, GradientType=1);
}

.ui-tabs .ui-tabs-panel,
table.yui,
.ui-dialog,
.shadow {
	/* For Mozilla/Gecko (Firefox etc) */
	-moz-box-shadow: 3px 3px 4px #7B7B7B;
	/* For WebKit (Safari, Google Chrome etc) */
	-webkit-box-shadow: 3px 3px 4px #7B7B7B;
	/* css3 */
	box-shadow: 3px 3px 4px #7B7B7B;
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7B7B7B')";
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7B7B7B');
}

.ui-subtabs-panel {
	background-color:#E6E6E6;
}

/**/
#language label, #language select { float: left; }
#language label { margin-top: 2px; margin-right: 1px; }
#language select { width: 220px; }
#language select li a, 
#language-select-button.ui-state-default { background: none; border: 1px solid #808080; background-color: #343434;}
#language-select-button .ui-selectmenu-icon { border-left: 1px solid #808080; background-image: url(images/ui-icons_808080_256x240.png); }
.lang-bg .ui-selectmenu-item-icon { background: url(../images/Layout/lang-bg.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-cn .ui-selectmenu-item-icon { background: url(../images/Layout/lang-cn.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-hr .ui-selectmenu-item-icon { background: url(../images/Layout/lang-hr.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-cz .ui-selectmenu-item-icon { background: url(../images/Layout/lang-cz.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-dk .ui-selectmenu-item-icon { background: url(../images/Layout/lang-dk.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-nl .ui-selectmenu-item-icon { background: url(../images/Layout/lang-nl.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-uk .ui-selectmenu-item-icon { background: url(../images/Layout/lang-uk.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-fi .ui-selectmenu-item-icon { background: url(../images/Layout/lang-fi.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-fr .ui-selectmenu-item-icon { background: url(../images/Layout/lang-fr.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-de .ui-selectmenu-item-icon { background: url(../images/Layout/lang-de.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-el .ui-selectmenu-item-icon { background: url(../images/Layout/lang-el.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-hu .ui-selectmenu-item-icon { background: url(../images/Layout/lang-hu.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-se .ui-selectmenu-item-icon { background: url(../images/Layout/lang-se.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-it .ui-selectmenu-item-icon { background: url(../images/Layout/lang-it.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-jp .ui-selectmenu-item-icon { background: url(../images/Layout/lang-jp.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-no .ui-selectmenu-item-icon { background: url(../images/Layout/lang-no.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-pl .ui-selectmenu-item-icon { background: url(../images/Layout/lang-pl.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-pt .ui-selectmenu-item-icon { background: url(../images/Layout/lang-pt.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-es .ui-selectmenu-item-icon { background: url(../images/Layout/lang-es.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-ro .ui-selectmenu-item-icon { background: url(../images/Layout/lang-ro.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-ru .ui-selectmenu-item-icon { background: url(../images/Layout/lang-ru.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-sk .ui-selectmenu-item-icon { background: url(../images/Layout/lang-sk.png) 0 0 no-repeat; height: 13px; width: 16px; }
.lang-tr .ui-selectmenu-item-icon { background: url(../images/Layout/lang-tr.png) 0 0 no-repeat; height: 13px; width: 16px; }

#language-select-menu { background: none; border: 1px solid #808080; background-color: #343434; }
#language-select-menu li {margin: 2px 2px; border: none; }
#language-select-menu li.ui-state-hover { background-color: #3399FF; background-image: none; }


/*.tinyscroll { width: 240px; overflow:hidden; }
.tinyscroll .viewport { width: 225px; height: 100%; overflow-y: hidden; position: relative; }
.tinyscroll .overview { width: 225px; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.tinyscroll .scrollbar{ display:none; background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
.tinyscroll .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
.tinyscroll .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.tinyscroll .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.tinyscroll .disable { display: none; }*/
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#loading
{
    /*margin: 0 auto;
    text-align: center;*/
    position: absolute;
   top: 49%;
}
a.highlight
{
    /*background-color:rgb(151, 94, 63);*/
    background: linear-gradient(90deg, #5c89b6, #464646 90%);
}