* {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #333333;
    margin: 0px;
}
BODY {
}
A IMG {
    border: none;
}
STRONG {
    font-weight: bold;
}
EM {
    font-style: italic;
}
.Left {
    float: left;
}
.Right {
    float: right;
}
.Clear {
    clear: both;
}
.Hidden {
    visibility: hidden;
}



#Container {
    min-width: 800px;
    text-align: left;
    margin: 4px 9px;
}



#Head {
    height: 54px;
}
#Head TABLE {
    border: none;
    border-spacing: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}
#Head .HeadText {
    font-size: 14px;
    font-weight: bold;
    color: #b1b3b6;
    white-space: nowrap;
}


#Top {
    background: #ebeef2; /*#b1b3b6*/
    border: solid 1px #333333;
    height: 26px;
    padding: 0px 5px;
    position: relative;
    margin: 5px 0px;
}
#Top TABLE {
    border: none;
    border-spacing: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}
#Top .WelcomeText {
    font-size: 12px;
    white-space: nowrap;
}
#Top .Nav UL {
    float: right;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
#Top .Nav LI {
    list-style: none;
    float: left;
    margin: 0px;
    padding: 0px;
}
#Top .Nav .Sep {
    padding: 0px 5px;
}
#Top .Nav LI, #Top .Nav A {
    font-size: 12px;
    text-decoration: none;
}
#Top .Nav A:hover {
    text-decoration: underline;
}


#Foot {
    background: #ebeef2; /*#b1b3b6*/
    border: solid 1px #333333;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 24px;
    padding: 0px 5px;
    /* below css for ie6 only */
    _position: static;
    _left: auto;
    _right: auto;
    _top: auto;
    _bottom: auto;
    _margin: 5px 0px;
}
#Foot TABLE {
    border: none;
    border-spacing: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}
#Foot .Copyright {
    font-size: 10px;
    white-space: nowrap;
}
#Foot .Nav UL {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 244px;
}
#Foot .Nav LI {
    list-style: none;
    float: left;
    margin: 0px;
    padding: 0px;
}
#Foot .Nav .Sep {
    padding: 0px 5px;
}
#Foot .Nav LI, #Foot .Nav A {
    font-size: 10px;
    text-decoration: none;
}
#Foot .Nav A:hover {
    text-decoration: underline;
}


#Content {
    background: #ffffff;
    border: solid 1px #333333;
    position: absolute;
    top: 100px;
    left: 10px;
    right: 10px;
    bottom: 41px;
    overflow: hidden;
    _position: static;
    _height: 465px;
    _left: auto;
    _right: auto;
    _top: auto;
    _bottom: auto;
    _overflow: visible;
}
#Content .Text {
    margin: 10px 0px 0px;
    padding: 0px;
}
#Content INPUT.Txt {
    border: solid 1px #b1b3b6;
    padding: 0px 3px;
}
#Content SELECT.Ddl {
    border: solid 1px #b1b3b6;
}
#Content INPUT.Btn {
    background: #b1b3b6;
    border: solid 1px #e77f65;
    width: 70px;
    text-align: center;
    font-size: 10px;
    height: 18px;
}
#Content .Header {
    border-bottom: solid 1px #b1b3b6;
    padding: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}
#Content .Body {
    padding: 10px;
    top: 1px;
    left: 0px;
    right: 0px;
    bottom: 1px;
    overflow: auto;
}
#Content .SearchExplain {
    position: absolute;
    top: 123px;
    padding: 0px;
    _position: static;
    _top: auto;
}
#Content .SearchExplainCWB {
    position: absolute;
    top: 159px;
    padding: 0px;
    _position: static;
    _top: auto;
}
#Content .SearchResult {
    position: absolute;
    top: 41px; 
    padding: 0px;
    _position: static;
    _top: auto;
}
#Content .List {
    margin: 0px 50px 0px 30px;
    padding: 0px;
    text-align: justify;
}
#Content .List LI {
    margin: 15px 0px;
}

/*===============================================*/

/* This makes the scrolling table work */

div.scrollTableContainer {
	overflow: auto;
	width: 100%;
	_width: auto;
	position: absolute;
	_position: static;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

/* The different widths below are due to the way the scroll bar is implamented */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer table {
	width: 98%;
	_width: 100%;
	height: 100%;
	_height: auto;
	border-collapse: collapse;
	border: solid 1px;
}
div.scrollTableContainer table td {
    border: solid 1px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer {
    overflow: hidden;
}
html>/**/body div.scrollTableContainer table {
    width: 100%;
    height: 100%;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    overflow-x: hidden;
    height: 87%;
}

div.scrollTableContainer thead tr {
	position: relative;
	_position: static;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}


/* non-standard IE Specific Rules */

div.scrollTableContainer thead tr {
	top: expression((offsetParent.scrollTop - 2) + 'px');
    left: -1px;
    _top: 0px;
    _left: 0px;
}

/*===============================================*/


#Content .Head {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}
#Content .Head A {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
}
#Content .Head A:hover {
    color: #b1b3b6;
    text-decoration: none;
}

#Content DIV.TxtSearch {
    border: solid 1px #b1b3b6;
    clear: both;
    padding: 1px 3px;
    height: 16px;
}
#Content DIV.TxtSearch INPUT.Txt {
    border: none;
    float: left;
    height: 16px;
    line-height: 16px;
    width: 93%;
    padding: 0px;
}
#Content DIV.TxtSearch INPUT.Btn {
    background: none;
    border: none;
    width: auto;
    margin-top: 3px;
    float: right;
    height: auto;
}


#Content .HeaderRow {
    background: #ebeef2;
}
#Content .HeaderRow TH A {
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    padding: 2px 12px 2px 6px;
    display: inline-block;
}
#Content .HeaderRow TH A:hover {
    text-decoration: none;
}
#Content .HeaderRow TH A.asc {
    background: url(../../img/asc.gif) no-repeat right 7px;
}
#Content .HeaderRow TH A.desc {
    background: url(../../img/desc.gif) no-repeat right 7px;
}
#Content .Row {
    background: #ffffff;
}
#Content .AltRow {
    background: #f2f6fa;
}
#Content .HeaderRow TH, #Content .Row TD, #Content .AltRow TD {
    border-color: #dddddd;
    text-align: left;
    vertical-align: top;
}
#Content .Row TD, #Content .AltRow TD {
    padding: 2px 5px;
}
#Content .HeaderRow TH.Center, #Content .Row TD.Center, #Content .AltRow TD.Center {
    text-align: center;
}

#Content .Error, #Content .ErrorMessage, #Content .ErrorMessage LI {
    font-size: 10px;
    color: #e77f65;
}
#Content .ErrorMessage {
    padding-left: 10px;
}
#Content .ErrorMessage UL {
    margin: 0px 0px 10px 10px;
    padding: 0px;
}
#Content .ErrorMessage LI {
    margin: 0px;
    margin-left: 15px;
    padding: 0px;
}



#Report {
    background: #ffffff;
    min-width: 850px;
    text-align: left;
    margin: 0px auto;
    padding: 10px 50px;
}
#Report #Head {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-bottom: 5px;
}
#Report #Top {
    border-bottom: none;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
}
#Report #Foot {
    border-top: none;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
}
#Report #Foot .Nav A {
    font-size: 12px;
}
#Report #Content {
    border-left: none;
    border-right: none;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: visible;
    padding: 20px 0px;
}
#Report #Content .Head {
    text-decoration: underline;
}
#Report #Content .Report {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    width: 100%;
}
#Report #Content .Report .HeaderRow {
    background: #ffffff;
}
#Report #Content .Report TH, #Report #Content .Report TD {
    border: solid 1px #cccccc;
    padding: 3px 5px;
}
#Report #Content .Report .HeaderRow TH {
    font-size: 11px;
}
#Report .Classes {
    width: 120px;
    vertical-align: top;
}
#Report .Trademark, #Report .Applicant {
    width: 320px;
    vertical-align: top;
}
#Report .Logo {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
#Report .ApplicationNo, #Report .FiledOn, #Report .PublishedOn {
    width: 100px;
    vertical-align: top;
}
#Report .RegistrationNo, #Report .RegisteredOn, #Report .NextRenewalDueOn {
    width: 80px;
    vertical-align: top;
}
#Report .Status {
    vertical-align: top;
}


@media print {
    #Report {
        min-width: 0px;
        width: 100%;
        padding: 0px;
        overflow: visible;
    }
    #Report #Content {
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    #Report .Report * {
        page-break-inside: avoid;
    }
    #Report #Top, #Report #Foot {
        display: none;
    }
}