input.readonly{background-color: #EAEFF5; border: 1px solid #AAA}
textarea.readonly{background-color: #EAEFF5; border: 1px solid #AAA}
select.readonly{background-color: #EAEFF5; border: 1px solid #AAA}
input.disabled{background-color: #FFFFFF; color: #000000; Border: 1px solid #AAA; padding-left: 3px;}
select.disabled{background-color: #EAEFF5; color: #000000; Border: 1px solid #AAA; padding-left: 3px;}
a.t20OptionalLabelwithHelp { text-decoration: none; }
input{padding-left: 2px;}
td{white-space: nowrap;}
td.wrap{white-space:normal !important;}
div.ErrorPageMessage{white-space: auto !important; height: 225px;  width: 90%; margin-left: 5px; font-weight: bold; padding-top: 30px;}
table { empty-cells:show; }
.errorPageButton { margin-top: 30px; }
span.lov > a > img { vertical-align: top; }
#t20Messages { width: auto; margin: 5px 15px 0 5px; display: none; }
#errMsg { color: red; font-weight: bolder; background: url('/i/FNDERROR.gif') 0 0px no-repeat; padding-left: 22px; text-align: left; line-height: 12px;}
#warningMsg { color: red; font-weight: bolder; padding-left: 22px; text-align: left; line-height: 12px;}
#successMsg { color: black; text-align: left; line-height: 10px;}

#modalBox { background-color: #8eB8DC; padding: 5px 5px 5px 5px; width: 80px; line-height: 10px; margin: 0 auto; font-weight: bold;  }
body > div#modalFrame { position: fixed; left: 0px; top: 0px; } /* FF */
#modalFrame { position: absolute; top: expression( (ignoreMe = document.body.scrollTop) + 'px' ); width: 100%; text-align: center;} /* IE */
img.Logo{
	height: 19px;
	position: relative;
	bottom: -2px;
}
.hidden {display: none;}
.t20grid { display: none; }

input.t20Button { padding: 0 3px 0 3px; width: auto; overflow: visible; }
a.t20Button { padding: 0 3px 0 3px; width: auto; overflow: visible; }

input.link { background: none; border: 0; color: #2b7c92; cursor: pointer; display: table-cell; text-decoration: underline; padding-right: 6px; white-space: no-wrap; width: auto; text-align: left; verticle-align: top; hasLayout: FALSE; }

.t20ButtonMove{
	cursor:pointer;
	white-space:nowrap;
	border-left:#a5a9b6 1px solid;
	border-top:#a5a9b6 1px solid;
	border-right:#7b8194 1px solid;
	border-bottom:#7b8194 1px solid;
	background:url(btn-bg.gif);
	text-decoration:none !important;
	font-weight:bold;
	color:#586073 !important;
	margin:3px;
	padding:0 8px;
	background-color:#c9e5ec;
	display:-moz-inline-box;
}
.t20ButtonMove:hover{background-color:#AAA;}

input.t20ButtonMove { padding: 0 3px 0 3px; width: auto; overflow: visible; }
a.t20ButtonMove { padding: 0 3px 0 3px; width: auto; overflow: visible; }


.t {background: url('/i/incircuit/theme_20/dot.gif') 0 0 repeat-x; width: auto; background-color: #D9E5EF;}
.b {background: url('/i/incircuit/theme_20/dot.gif') 0 100% repeat-x}
.l {background: url('/i/incircuit/theme_20/dot.gif') 0 0 repeat-y}
.r {background: url('/i/incircuit/theme_20/dot.gif') 100% 0 repeat-y}
.bl {background: url('/i/incircuit/theme_20/msgBoxBtm-L.gif') 0 100% no-repeat}
.br {background: url('/i/incircuit/theme_20/msgBoxBtm-R.gif') 100% 100% no-repeat}
.tl {background: url('/i/incircuit/theme_20/msgBoxTop-L.gif') 0 0 no-repeat}
.tr {background: url('/i/incircuit/theme_20/msgBoxTop-R.gif') 100% 0 no-repeat; padding: 10px 10px 0 10px; }

.dynamicGrid th {
	border: 2px black solid;
	background-color: #FFFFFF;
}

.t20CurrentTab{background-image:url('/i/incircuit/theme_20/topTabBg.gif'); background-repeat: repeat-x;}
.t20Tab{background-image:url('/i/incircuit/theme_20/topDimTabBg.gif'); background-repeat: repeat-x;}
.t20Tabs, #t20Tabs img{vertical-align: bottom;}
.roundedt20RegionBody { 
	background: url('/i/incircuit/theme_20/roundedBtm-R.gif') 100% 0 no-repeat;
	background-color: #EAEFF5;
}

ul.gallery {
   /* width: 22em;  i.e. 3 * (size of thumbnail + margin) + 1em to soak up pixel borders */
   list-style: none;
	 white-space:normal !important;
   display: block;
}
ul.gallery li {
   display: block;
   float: left;
   margin: 1em 1em 0 0;
   text-align: center;
}
ul.gallery li a {
  display: block;
}
ul.gallery li a img {
  display: block;
  margin-bottom: 0.25em;
  border: 1px solid #ccc;
  padding: 0.5em;
  margin-left: auto;
  margin-right: auto;
}
ul.gallery li a div {
  display: table-cell;
  max-width: 150px;
  word-wrap: break-word;
  width:expression( 
    document.body.clientWidth > (150) * 
    parseInt(document.body.currentStyle.fontSize)?
        "150px":
        "auto" );
}


/*
<lxdf:header>
	<purpose>
		Establish CSS for a pure css tooltip
	</purpose>
	<remarks>
		I like the CSS tooltip because it can be easily editable at any time.
	</remarks>
</lxdf:header>
*/

a.tooltip{
    position: relative;
    z-index: 50;
    color: #000000;
    text-decoration: none;}
		
a.tooltip img{
		border: none;
		cursor: default;}
		
a.tooltip:focus{
		outline: none;}
		
a.tooltip:active{
		cursor: default;}
		
a.tooltip:hover{
		z-index: 51; 
		height: 1%;}

a.tooltip span{
		display: none;}

a.tooltip:hover span{
    display: block;
    position: absolute;
		top: 2em;
		left: 2em;
		width: 20em;
    background-image: url('/protege/images/transparent.gif'); 
		color: #000000;}
		
a.tooltip:hover span div{
		float: left;
    border: 1px solid rgb(51, 51, 102);
		padding: 3px;
    display: block;
    background: #FFFFF0; 
		color: #000000;}
		
a.image_link{
	display: block;
	padding: 0px;
}

input[type="button"]:disabled{background-color: #FFFFFF !important; color: DarkGray !important; Border: 1px solid #AAA; padding-left: 3px;}
fieldset.checkbox_group label{position: relative;
							  bottom: 1px;}

.video{padding-left:10px; padding-top:10px;}
.t20NavRegion{background-color: #eaeff5 !important;}
div.t20RegionBody{padding-left:0px !important;}