/*Version=<<TS_VERSION>>*/
/**************************************************************************
------------------------------- HEADER ------------------------------------
**************************************************************************/

#container {
    position:relative;
    width:780px;
    margin:0 auto;
    font:normal 12px Arial, sans-serif;
    }

#header {
    position:relative;
    height:58px;
    }

#header span {
    position:absolute;
    width:500px;
    margin-left:-5000px;
    }
    
#header h1 {
    position:absolute;
    top:0px;
    left:0px;
}

#header a#home {
    display:block;    
    width:236px;
    height:58px;
    text-indent: -999em;
    }
    
#header h2 {
    position:absolute;
    top:0px;
    right:10px;
    background: transparent url(../_images/basis/logo_header_trend_micro.gif) no-repeat 0 0;
}

#header a#corp {
    display:block;
    width:97px;
    height:58px;
    text-indent: -999em;
    }

#header a#signin {
    position:absolute;
    display:block;
    top:16px;
    right:120px;
    width:50px;
    height:25px;
    text-indent: -999em;
    }

#header p {
    position:absolute;
    display:block;
    top:18px;
    right:120px;
    width:500px;
    height:25px;
    text-align:right;
    color:#fff;
    }

#header p a {
    color:#fff;
    }

/**************************************************************************
------------------------------- FOOTER ------------------------------------
**************************************************************************/
#footer {    
    CLEAR: both;    
    MARGIN: 20px 0px;    
    TEXT-ALIGN: center;
    padding:5px 0 25px 10px;
    color:#666;
    font:normal 11px Arial, sans-serif;
    text-align: center;
}

#footer P {    
    MARGIN: 0px 0px 0.5em
}

#footer UL {    
    MARGIN-RIGHT: 26px
}

#footer LI {    
    PADDING-RIGHT: 0px;    
    DISPLAY: inline;    
    PADDING-LEFT: 10px;    
    PADDING-BOTTOM: 0px;    
    PADDING-TOP: 0px
}

#footer LI.rssicon {    
    PADDING-RIGHT: 0px;    
    PADDING-LEFT: 2px;    
    PADDING-BOTTOM: 0px;    
    PADDING-TOP: 0px
}

#footer LI.rssicon IMG {    
    POSITION: absolute
}

ter LI.rssicon A {    
    PADDING-RIGHT: 0px;    
    PADDING-LEFT: 0px;    
    PADDING-BOTTOM: 0px;    
    PADDING-TOP: 0px
}

#footer LI.rsstxt A {    
    PADDING-RIGHT: 0px;    
    PADDING-LEFT: 0px;    
    PADDING-BOTTOM: 0px;    
    PADDING-TOP: 0px
}

#footer LI A {    
    PADDING-RIGHT: 10px;    
    PADDING-LEFT: 0px;    
    PADDING-BOTTOM: 0px;    
    PADDING-TOP: 0px;
}

#footer LI.last A {    
    BACKGROUND: none transparent scroll repeat 0% 0%    
}

/**************************************************************************
----------------------------- HOME PAGE -----------------------------------
**************************************************************************/
#home_nav {
    position:relative;
    top:10px;
    left:10px;
    width:176px;
    height:620px;
    float:left;
}

#home_nav span {
    position:absolute;
    width:500px;
    margin-left:-5000px;
}

#home_nav a {
    display:block !important;
    display:inline-block;
    width:176px;
    height:45px;
    padding:0;
    margin-bottom:7px !important;
    margin-bottom:7px;
}
    
#home div.quick_access {
        width:166px;
        height:302px;
        position: relative;
}
    
#home_nav div.quick_access a{
    display:block !important;
    display:inline-block;
    width:52px;
    height:72px;
    padding:0;
    margin-bottom:10px !important;
    margin-bottom:7px;
    text-decoration:none;
    text-align:center;
    font-weight: bold;
}    

#home_nav div.quick_access h3 {
    position:absolute;
    font-size: 10px;
}

#home_nav div.quick_access h3.icon1 {
    top:41px; /* 475 */
    left:17px;    
}
#home_nav div.quick_access h3.icon2 {
    top:41px; /* 475 */
    left:93px;
}
#home_nav div.quick_access h3.icon3 {
    top:120px; /* 560 */
    left:17px;    
}
#home_nav div.quick_access h3.icon4 {
    top:120px; /* 560 */
    left:93px;    
}
#home_nav div.quick_access h3.icon5 {
    top:210px; /* 650 */
    left:17px;
}
#home_nav div.quick_access h3.icon6 {
    top:210px; /* 650 */
    left:93px;    
}

#home_nav ul li { position: relative; }

li#home_nav_free,
li#home_nav_analytics,
li#home_nav_security,
li#home_nav_learn,
li#home_nav_download,
li#home_nav_subscription,
li#home_nav_myaccount,
li#home_nav_support,
li#home_nav_quick_access {
    background-position:0 -45px;
    background-repeat: no-repeat;
    background-color: transparent;
}

li#home_nav_free a,
li#home_nav_analytics a,
li#home_nav_security a,
li#home_nav_learn a,
li#home_nav_download a,
li#home_nav_subscription a,
li#home_nav_myaccount a,
li#home_nav_support a,
li#home_nav_quick_access a {
    background-position:0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}
    
li#home_nav_free a:link, li#home_nav_free a:visited,
li#home_nav_analytics a:link, li#home_nav_analytics a:visited,
li#home_nav_security a:link, li#home_nav_security a:visited,
li#home_nav_learn a:link, li#home_nav_learn a:visited,
li#home_nav_download a:link, li#home_nav_download a:visited,
li#home_nav_subscription a:link, li#home_nav_subscription a:visited,
li#home_nav_myaccount a:link, li#home_nav_myaccount a:visited,
li#home_nav_support a:link, li#home_nav_support a:visited,
li#home_nav_quick_access a:link, li#home_nav_quick_access a:visited {
    background-position:0 0;
}
    
li#home_nav_free a:hover, li#home_nav_free a:active,
li#home_nav_analytics a:hover, li#home_nav_analytics a:active,
li#home_nav_security a:hover, li#home_nav_security a:active,
li#home_nav_learn a:hover, li#home_nav_learn a:active,
li#home_nav_download a:hover, li#home_nav_download a:active,
li#home_nav_subscription a:hover, li#home_nav_subscription a:active,
li#home_nav_myaccount a:hover, li#home_nav_myaccount a:active,
li#home_nav_support a:hover, li#home_nav_support a:active {
    background-position:0 -45px;
}

a#link_1 {
    position:relative;
    display:block;
    top:10px;
    left:10px;
    width:100px;
    height:10px;
}

#sidebar {
    margin:0 0 0 0;
}

#sidebar p {
    margin-bottom:6px;
}

#sidebar input {
    font-size:9px;
}

#main {

    position:relative;
    width:586px;
    height:270px;
    top:10px;
    left:10px;
    float:left;
}

#main2 {
    position:relative;
    width:586px;
    height:165px;
    top:10px;
    left:10px;
    float:left;
}
#main3 {
    position:relative;
    width:586px;
    height:165px;
    top:10px;
    left:10px;
}
#main4 {
    position:relative;
    width:586px;
    height:270px;
    top:10px;
    left:10px;
    float:left;
}

#main h2,
#main a span {
    position:absolute;
    width:500px;
    margin-left:-5000px;
}

a#photo_button_top {
    position:relative;
    display:block;
    top:225px;
    left:383px;
    width:166px;
    height:45px;
}

a#photo_button_bottom {
    position:relative;
    display:block;
    top:230px;
    left:383px;
    width:166px;
    height:45px;
}

a#photo_button_single {
    position:relative;
    display:block;
    top:275px;
    left:383px;
    width:166px;
    height:45px;
}

#home div.col{
    position:relative;
    float:left;
    margin:0px;
    overflow:hidden;
    font-size:11px;
    line-height:14px;
}

#home div.col_content {
    padding-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
}
#home div.col h5 {
    font-weight:bold;
    font-size:11px;
    letter-spacing:0px;
    color:#007CC3;
    margin:10px 0 0 5px;
}

#home div.col p {
    margin:9px 5px 10px 8px;
}

#home div.col ul {
    margin:10px 0 18px 8px;
    list-style-type:square;
}

#home div.col li {
    line-height:12px;
    padding:0 0 4px 0;
}
    
#home div.col#first {
    width:148px;
    height:270px;
    top:10px;
    left:10px;
    margin-right:0;
}
    
#home div.col#second {
    width:143px;
    height:270px;
    top:10px;
    left:10px;
    margin-right:0;
}
#home div.col#third {
    width:143px;
    height:270px;
    top:10px;
    left:10px;
    margin-right:0;
}
    
#home div.col#fourth {
    width:147px;
    height:270px;
    top:10px;
    left:10px;
    margin-right:0;
}

.blk1{
    width:582px;
    height:265px;
    }
#home div.boxes {
    position:relative;
    float:left;
    margin:0px;
    overflow:hidden;
    font-size:11px;
    line-height:14px;
}

#home div.boxes h4 {
    font-weight:bold;
    font-size:12px;
    letter-spacing: 0px;
    color:#c00;
    margin:14px 0 0 19px;
}

#home div.boxes p {
    margin:9px 24px 0 80px;
}

#home div.boxes ul {
    margin:10px 0 18px 24px;
    list-style-type:square;
}

#home div.boxes li {
    line-height:12px;
    padding:0 0 4px 0;
}
    
#home div.box_content {
    padding-top: 13px;
    padding-left: 4px;
    padding-right: 4px;
}

#home div.boxes#top_left {
    width:291px;
    height:165px;
    top:15px;
    left:10px;
    margin-right:0;
}

#home div.boxes#top_right {
    width:291px;
    height:165px;
    top:15px;
    left:10px;
    margin-left:0;
}

#home div.boxes#bottom_left {
    margin-top:0;
    margin-left:176px !important;
    margin-left:88px;
    width:294px;
    height:135px;
    top:5px;
    left:10px;
}

#home div.boxes#bottom_right {
    margin-top:0;
    width:294px;
    height:135px;
    top:5px;
    left:10px;
}

#home div.boxes#bottom_right h4 {
    text-align:center;
}

#home div.boxes#bottom_right a#articles_label {
    font-size:12px;
    margin:0;
    position:absolute;
    width:120px;
    top:6px;
    left:10px;
}

#home div.boxes#bottom_right a#blog_label {
    font-size:12px;
    margin:0;
    position:absolute;
    width:120px;
    top:6px;
    left:155px;
}

#home div.boxes#bottom_right h4 a.label_on {
    color:#c00;
    text-decoration:none;
}

#home div.boxes#bottom_right h4 a.label_off {
    color:#666;
    text-decoration:none;
}
    
#home div.boxes#bottom_right h4 a:hover {
    color:#E5AC00;
}
    
#home div.boxes#bottom_right ul {
    position:relative;
    margin-top:36px;
    margin-right:24px;
}
    
#home .box_image_left {
    float:left;
    margin-left:-70px;
}

#home .box_image_right {
    float:left;
    margin-top:3px;
    margin-left:-60px;
}
    
/**************************************************************************
-------------------------- SUBSYSTEM PAGES --------------------------------
**************************************************************************/

/* --
***** Main Content
-------------------------------------------------------------------------*/
#main_content {
    width:586px;
    float:left;
    height:1%;
    background:url(../_images/basis/sub_mainbg.gif) repeat-y;
    margin:10px 0 0px 9px;
    }
/* \*/
* html #main_content { overflow: auto; }
/* */

#main_topcap {
    height:8px;
    width:586px;
    background:url(../_images/basis/sub_maintop.gif) no-repeat;
    }
    
#main_content div.top {
    background-image: url(../_images/basis/sub_maintop_first.gif);
}

#main_endcap {
    height:8px;
    width:586px;
    background:url(../_images/basis/sub_mainbottom.gif) no-repeat 100% 100%;
    zoom: 1;
    }

#content_block {
    font:normal 12px/16px Arial, sans-serif;
    color:#333;
    padding: 8px 20px 10px 20px;
    }

#content_block h1 {
    font:normal 24px Arial, sans-serif;
    color:#c00;
    letter-spacing:-1px;
    margin-bottom:12px;
    }

#content_block h2 {
    font:normal 18px Arial, sans-serif;
    color:#c00;
    letter-spacing:-1px;
    margin:20px 0 6px 0;
    }

#content_block h3 {
    font:bold 12px Arial, sans-serif;
    color:#000;
    margin:16px 0 6px 0;
    }

#content_block p {
    margin-bottom:12px;
    }

#content_block p.indent {
    margin:12px 0 12px 20px;
    }

#content_block .first {
    margin-bottom:12px;
    margin-left:140px;
    }

#content_block ul,
#content_block ol {
    margin:0 24px 18px 24px;
    }

#content_block ul {
    list-style-type:square;
    }

#content_block li {
    line-height:14px;
    padding:0px 0;
    }

#content_block ul.tight li {
    padding:0;
    }

#content_block div.box_right {
    background-color: #f2f2f2;
    float:right;
    width:150px;
    margin:4px 0 12px 12px;
    padding:12px 12px 0 12px;
    border:1px #ccc solid;
    }

#content_block div.box_right ul,
#content_block div.box_right ol {
    margin:0 0 12px 14px;
    }

#content_block div.box_right li {
    line-height: 14px;
    padding: 2px 0;
    }
    
#content_block .warning {
    padding:12px 12px 0 12px;
    margin-bottom: 12px;
    border: 1px #FFBF00 solid;
    background-color:#FFF9E5;
    }

#content_block p.warning {
    padding:12px;
    }

#content_block table.styled_table {
    border-top:1px #ccc solid;
    border-left:1px #ccc solid;
    }

#content_block table.styled_table td, 
#content_block table.styled_table th {
    border-right:1px #ccc solid;
    border-bottom:1px #ccc solid;
    padding:4px;
    }

#content_block table.styled_table th {
    background-color: #e6e6e6;
    }

.smalltext_table td, 
.smalltext_table input {
    font-size:10px;
    }
#content_block div.toolbox_right {
    background-color: #f2f2f2;
    float:right;
    width:200px;
    margin:4px 0 12px 12px;
    padding:12px 12px 12px 12px;
    border:1px #ccc solid;
    }
    
#content_block div.toolbox_right a {
    text-decoration:none;
}    
#content_block div.subsubnav {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding:2px;
    margin: 0px 0px 4px 0px;
}

#content_block fieldset{
    border:1px solid #c0c0c0; padding:5px 10px 5px 10px;
}
#content_block fieldset:hover {border-color:#38c;}
#content_block legend {font-weight:bold; color:#38c; font-size:14px;}

#popup {    
    margin: 0;
    padding:16px 20px 12px 20px;
    font:normal 12px Arial, sans-serif;
    background-color:#FFF9E5;
    }
    
#popup h1 {
    font:normal 18px Arial, sans-serif;
    color:#c00;
    letter-spacing:-1px;
    margin:0 0 12px 0;
    }

#popup p {
    margin-bottom:12px;
    }


/* --
***** Sub Navigation
-------------------------------------------------------------------------*/
#sub_nav {
    position:relative;
    top:10px;
    left:10px;
    width:177px;
    float:left;
    }

#sub_nav ul { position: relative; }
    
#sub_nav span {
    position:absolute;
    width:500px;
    margin-left:-5000px;
    }

#sub_nav ul li a {
    display:block;
    width:177px;
    height:25px;
    margin-bottom:5px !important;
    margin-bottom:2px;
    }

#sub_nav li.selected {
    background: transparent url(../_images/basis/sub_navbg.gif) repeat-y 0 0;
    }

#sub_nav li#nobg {
    background:url(none);
    }

#sub_nav ul ul li.last {
    background:url(../_images/basis/sub_navbottom.gif) no-repeat;
    }

a#sub_nav_home,
a#sub_nav_free,    
a#sub_nav_analytics,
a#sub_nav_security,
a#sub_nav_learn,
a#sub_nav_download,
a#sub_nav_subscription,
a#sub_nav_myaccount,
a#sub_nav_support { background-position:0 0; background-repeat: no-repeat; }

#sub_nav li.selected a#sub_nav_free { height:38px; }
#sub_nav li.selected a#sub_nav_analytics { height:38px; }    
#sub_nav li.selected a#sub_nav_security { height:38px; background-position:0 0; }
#sub_nav li.selected a#sub_nav_learn { height:38px; background-position:0 0; }
#sub_nav li.selected a#sub_nav_download { height:46px; }
#sub_nav li.selected a#sub_nav_subscription { height:46px; }
#sub_nav li.selected a#sub_nav_myaccount { height:46px; }
#sub_nav li.selected a#sub_nav_support { height:38px; }

a#sub_nav_home:hover,
a#sub_nav_free:hover,
a#sub_nav_analytics:hover,
a#sub_nav_security:hover,
a#sub_nav_learn:hover,
a#sub_nav_download:hover,
a#sub_nav_subscription:hover,
a#sub_nav_myaccount:hover,
a#sub_nav_support:hover { background-position:0 -25px; }

#sub_nav ul ul {
    font:normal 11px/12px Arial, sans-serif;
    line-height:12px;
    color:#fff;
    margin:0 0 5px 40px;
    }

#sub_nav ul ul a { height:auto; }

#sub_nav ul ul a { border-top:1px #e6e6e6 solid; }

#sub_nav ul ul a {
    display:block !important;
    display:inline-block;
    width:124px;
    padding:7px 6px 3px 6px !important;
    padding:7px 6px 7px 6px;
    margin:0;
    text-decoration:none;
    }

#sub_nav ul ul a:hover {
    color:#fc0;
    text-decoration:none;
    }

#sub_nav ul ul a.on {
    font-weight:bold;
    color:#000;
    text-decoration:none;
    }

#sub_nav ul ul li.last {
    height:10px;
    width:177px;
    margin-left:-40px;
    background:url(../_images/basis/sub_navbottom.gif) no-repeat bottom;
    }

#sub_nav div.quick_access {
        width:166px;
        height:310px;
        top:10px;
        left:10px;    
    }
/**************************************************************************
-------------------------- LOGIN PAGES --------------------------------
**************************************************************************/

.loginerror {
    background-color: red;
    padding: 10px 0 10px 0;
    color: white;
    font-weight: bold;
    padding-left: 15px;
}

#CCCWarning {
    padding:6px;
    margin: 12px;
    border: 1px #FFBF00 solid;
    background-color:#FFF9E5;
}

#activate-link {
    text-align: center; 
    border-top: solid 1px #999; 
    padding-top: 1.5em;
}

#activate-link h3{
    color: #333;
}

#activate-link p.note {
    font-size: 11px;
    color: #333;
    margin-top: 0.5em;
}

/**************************************************************************
-------------------------- TESTING STYLES --------------------------------
**************************************************************************/

#reviewfooter {
    margin-top: 15px;
    padding: 9px;
    border: 1px dashed #999;
    background-color: #efefef;
}

#reviewfooter a {
    text-decoration: underline;
}

/**************************************************************************
---- PLATFORM WARNING (browser support message) --------------
**************************************************************************/

#platformwarning {
    padding:12px;
    margin-bottom: 3px;
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 10px;
    border: 1px #FFBF00 solid;
    background-color:#FFF9E5;

}

#platformwarning p {
    font-size: 11px;
    line-height: 16px;
    margin-top: 5px;
}

#platformwarning span{
    font-size:14px;
    color:#c00;
}

/**************************************************************************
---- Tab Panel rules --------------
**************************************************************************/

.tabPanelGroup {
  position:relative;
  overflow:hidden;
}
.tabPanel {
  position:absolute; 
  overflow:auto;
  display:none;
  padding: 10px;

}
.tabGroup {
  position:absolute; overflow:hidden;
  
}

.tabGroup a.tabDefault:link,
.tabGroup a.tabDefault:visited,
.tabDefault {
  position:absolute; overflow:hidden;
  cursor:pointer;
  text-align:center;
  padding-top:0px;
  border:1px solid #EBEBEB;
  background:#fff;
  text-decoration:none;
}
.tabGroup a.tabDefault:hover,
.tabGroup a.tabDefault:active,
.tabDefault:hover {
  position:absolute; overflow:hidden;
  cursor:pointer;
  text-align:center;
  border:1px solid #CCC;
  background:#EBEBEB;
  font-weight: bold;
  text-decoration:none;
}
.tabGroup a.tabSelected:link,
.tabGroup a.tabSelected:visited,
.tabGroup a.tabSelected:active,
.tabGroup a.tabSelected:hover,
.tabSelected {
  position:absolute; 
  overflow:auto;
  cursor:pointer;
  text-align:center;
  border:1px solid #CCC;
  background:#DDD;
  font-weight: bold;
  text-decoration:none;
}

span.linkDelim {
  display:none;
}
    
/**************************************************************************
---- FAQ -- Table  -------------- 
**************************************************************************/
table.content-table {
           border-collapse: collapse; 
           border-spacing: 1em;
           border: 2px solid #000;       
           width: 420px;    
}

table.content-table td {
           padding: 0.5em;
           font-size: 90%; 
           border-bottom: 1px solid #333;
           border-right: 1px solid #ccc;
}

table.content-table thead td {
           font-weight: bold;
           font-size: 100%;
}

/**************************************************************************
---- Quick Start Guide -- Caution -------------- 
**************************************************************************/
p.caution {
    background: #ffc;  
    border: 1px solid #fc3;
    padding: 1.0em;
}

p.caution strong {
    color: #CC0000;    
    font-weight: bold;
}

/**************************************************************************
---- Security Tools Version Number --------------
**************************************************************************/
/* rule for IE 6 */
p#tools-version {
        font-size: 11pt;
        color:#ccc;
        background: #fff;
        margin: 0 0 10px 0;
}
/* rule for modern browsers */
html>body p#tools-version { margin-top: -8px; }

/**************************************************************************
---- Email Form Rules --------------
**************************************************************************/

#email-form p {
    text-align: left;
    margin-left: 150px;
}

/**************************************************************************
---- Email ID --------------
**************************************************************************/
#content_block ul.emailid-senders-list {
    margin-left: 0;
}

#content_block ul.emailid-senders-list li {
    font-size: 16px;
    color: #f00;
    list-style: none;
    font-weight: bold;
}

#content_block ul.emailid-senders-list li ul {
    margin: 10px 0;
}

#content_block ul.emailid-senders-list li ul li {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    background: transparent url(../_images/basis/arrow_grayongrey.gif) no-repeat scroll 0 50%;
    padding-left: 10px;
}

div.thumb-gallery {
    margin: 10px 20px;
}

div.thumb-gallery p {
    padding: 0;
    margin: 0 20px 20px 0;
    width: 100px;
    float: left;
}

/**************************************************************************
------------------------------- TRENDPROTECT EMAIL FORM ------------------------------------
**************************************************************************/
div#email-form-div { position: relative;}
div#overlay { display: none;}
div.active#overlay { display: block; width: 100%; height: 100%; background: white; border: solid 4px #FFBFBF; }
p#overlay-loading { width: 5.5em; padding: 10px 0 8px 24px; background: transparent url(../_images/basis/indicator_arrows.gif) no-repeat left center; font-size: 20px; color: #999; line-height: 24px; }
p#overlay-close-p { display: none;}
p.active#overlay-close-p { display: block;}
/* \*/
* html div.active#overlay { position: static; width: 95%;}
/* */