/* tigerlogic styles */ /* general layout */ a:link {color: #f6982d; text-decoration: none;} a:hover {color: #000; text-decoration: none;} a:active {color: #000; text-decoration: none;} a:visited {color: #f6982d; text-decoration: none;} /* navbar */ /* TBR #navbar .mainlogo {float: left; padding: 20px 20px 15px 0;} */ #navbar .navbuttons {text-align:left; text-transform: none; padding: 35px 0 25px 0; cursor:pointer;} #navbar .yosearch {float:right;padding: 18px 0 0 0; width:291px;} .sub {text-indent:15px} #navbar .navbuttons .foo {float: right;} #navbar .navbuttons a:link {color: #4d4d4d;} #navbar .navbuttons a:visited {color: #4d4d4d;} #navbar .navbuttons a:hover {color: #999;} #navbar .navbuttons a:active {color: #999;} #navbar a:link span {color: #f6982d;} #navbar a:visited span {color: #f6982d;} #navbar a:hover span {color: #ffc380;} #navbar a:active span {color: #ffc380;} #navbar .moveleft {float: left; padding: 0 0 0 20px;} body.tlpick #navbar .navbuttons a.tlpick, body.desktop #navbar .navbuttons a.desktop, body.browser #navbar .navbuttons a.browser, body.developers #navbar .navbuttons a.developers, body.edu #navbar .navbuttons a.edu, body.contact #navbar .navbuttons a.contact {color: #f6982d;} /*Special Padding for new Nav */ #col1of1 {padding-top: 20px;} /* new navbar */ #navbar {z-index: 20; background-color: #fff; position: relative;} #navbar .navbuttons ul, #navbar .navbuttons ul li, #navbar .navbuttons ul li ul, #navbar .navbuttons ul li ul li {margin: 0; padding: 0; z-index: 2000; position: relative;} #navbar .navbuttons ul li {padding: 0 0 5px 0; position: relative; height: 10px;} #navbar .navbuttons ul li .link { display: block;} #navbar .navbuttons ul li ul {visibility: hidden; background: url(/tigerlogic/images/90white.png) top left repeat; border: 1px solid #ddd; border-bottom: 1px solid #bbb; border-top: 0px; padding: 5px 15px; position: relative; left: -10px; min-width: 90px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;} #navbar .navbuttons ul li ul li {visibility: hidden; position: relative;} #navbar .navbuttons ul li:hover ul {visibility: visible; z-index: 30; position: relative;} #navbar .navbuttons ul li:hover ul li {visibility: visible; z-index: 30; padding: 5px 0; position: relative;} /* TL SUB NAV */ #subnav {position: absolute; top: 5px; left: 565px; z-index: 10;} #subnav a {color: #555; padding: 5px 10px; margin: 0 3px 0 0; background: url(/tigerlogic/images/trans_white_button.png) left top repeat-x; font-size: 11px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;} /*ryan */ .ds #subnav a.ds{color: #000; padding: 5px 10px; margin: 0 3px 0 0; background-color: #fff; font-size: 11px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;} /*ryan */ .find #subnav a.find {color: #000; padding: 5px 10px; margin: 0 3px 0 0; background-color: #fff; ;font-size: 11px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;} /*ryan */ .preview #subnav a.preview {color: #000; padding: 5px 10px; margin: 0 3px 0 0; background-color: #fff; font-size: 11px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;} /*ryan */ .edit #subnav a.edit {color: #000; padding: 5px 10px; margin: 0 3px 0 0; background-color: #fff; font-size: 11px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;} /*ryan bullet indicator */ .bullet_on {background-color: #fff;width:15px;height:15px;float:left;margin:0 5px 0 0;} .bullet_off {background-color: #bfbfbf; width:15px;height:15px;float:left;margin:0 5px 0 0;} .indicator {position:relative;top:500px;left:860px; float:left;} .indicator2 {position:relative; float:right;} .indicator2 .bullet_on {color:#000; background: url(/tigerlogic/images/trans_white_button_90.png) left top repeat-y;width:15px;height:549px;float:left;margin:0 1px 0 1px;padding:7px 2px 0 7px; cursor:pointer;} .indicator2 .bullet_off {color:#888; background: url(/tigerlogic/images/trans_white_button.png) left top repeat-y; width:15px;height:549px;float:left;margin:0 1px 0 1px;padding:7px 2px 0 7px; cursor:pointer;} .ds_screen img {width: 368px; height: 229px;} .ds_screen img:hover {background: url(/tigerlogic/images/ds_screen_border.png) no-repeat; width: 368px; height: 229px;} /* yosearch */ .yoradiobuttons {position: absolute; top: 12px; right: 42px;} #navbar .yosearch {float: right; width: 275px; padding: 12px 0 0 0; position: relative;} .find_button {background: url(/yolink/images/find_button.png) right top no-repeat; margin:0; padding:0px; width:42px; height:46px; border:0px; float:right; cursor: pointer; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; text-decoration: none; } #navbar .search_input {border:1px #dbdbdb solid; float:left; height:30px; padding:2px; width: 227px; background:url(/yolink/images/search_bg.png) left center no-repeat transparent;} #navbar .search_input:focus {background:url(/tigerlogic/images/search_bg.gif) top left repeat-x;} /* yosearch results */ .gs-result .gs-title, .gs-result .gs-title * {text-decoration: none;} .gs-title a.gs-title {text-decoration: none; color: #f6982d;} .gs-title a.gs-title b {text-decoration: none; color: #f6982d;} .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color:#633; text-decoration:none; font-weight: bold;} /* nav bar */ .nav_bar {background: url(/tigerlogic/pick/images/main_nav_bar_body.png) left top repeat-x; padding: 9px 15px 10px 15px;min-height:14px;-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;font-weight:bold; border-bottom:1px solid #DDDDDD;} /* main_content */ .main_content {width: 630px; float: left;} .main_content_full {width: 880px; float: left;} .main_content_long {float:left;width:885px;} /* main nav bar */ #col1of1 .main_nav_bar {margin: 12px 0 30px 0; padding: 9px 0px; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(/tigerlogic/pick/images/main_nav_bar_body.png) left top repeat-x;overflow:hidden;} #col1of1 .main_nav_bar a.active {padding: 10px 30px 10px 10px; color: #fff; background: url(/tigerlogic/images/main_bar_active_arrow.png) right top no-repeat; background-color: #a21c03;overflow:hidden;font-weight:bold;} #col1of1 .main_nav_bar a.passive {padding: 10px 30px 10px 10px; background: url(/tigerlogic/images/main_bar_arrow.png) right top no-repeat;overflow:hidden;} #col1of1 .main_nav_bar a.passive_a {padding: 10px 30px 10px 10px; background: url(/tigerlogic/images/main_bar_left_active_arrow.png) right top no-repeat;overflow:hidden;} /* table lines */ .vert_line {background: url(/tigerlogic/images/table_center_line.png) left top repeat-y;} .h_line {border-top: 1px solid #d9d9d9;} /* content */ #contentleft {float:left; width:425px; padding-right:25px;} #contentright {float:left; width:425px;} .content .section{ border-top:1px solid #E5E5E5;padding:10px 0 10px 0;position: relative;} .content .top_section{ padding:10px 0 10px 0;position: relative;} .top_note{ background-color: #f7f7ef;} .content {border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fff; margin: 0 0 20px 0;} .content p {padding: 10px 15px 10px 15px; line-height:1.4em;} .content .note {background-color: #f7f7ef; border-top: 1px solid #ddd; margin:0; padding-top:20px; padding-bottom:20px;} .content .note_alt {background-color: #f7f7ef; border-top: 1px solid #ddd;padding:15px;} .content .note_blue {background-color: #edfaf6; } .content a:link {font-size:12px; font-weight:bold; color:#333;} .content a:visited {font-size:12px; font-weight:bold; color:#333;} .content a:hover {font-size:12px; font-weight:bold; color:#f6982d;} .content a:active {font-size:12px; font-weight:bold; color:#f6982d;} .leftcol {float: left; width: 300px;} .rightcol {float: left; width: 300px;} .content #products {min-height: 165px;} .content ul li.list {list-style-type: disc; margin: 0 15px;} li.list {list-style-type: disc !important; margin: 0 15px;} /* content h1's TBR .content h3 {padding: 5px 15px 0 15px;} .note h1 {padding-left:15px; font-size:12px; font-weight:bold; padding-bottom:0px;} .section h1 {padding-left:15px; font-size:12px; font-weight:bold; padding-bottom:0px;} .content h1 {padding-left:15px; font-size:12px; font-weight:bold; padding-bottom:0px;} .content h4 {padding: 15px 5px 5px 15px; color: #f6982d;} */ #col1of1 .content .note ul {margin: 10px 15px 10px 15px;} #col1of1 .content .note ul li.bullet {list-style-type: disc; margin: 0 15px; padding: 0 0 5px 0;} #col1of1 .content ul li.bullet {list-style-type: disc; margin: 0 15px; padding: 0 0 5px 0;} .theform {padding: 0 15px;} .theform td {padding: 0 10px 15px 0;} /* sidebar col2of2*/ #col2of2 a:link {color: #494949;} #col2of2 a:hover {color: #16a203;} #col2of2 a:active {color: #16a203;} #col2of2 a:visited {color: #494949;} /* sidebar */ #col1of1 .sidebar a:link {color: #555555; text-decoration: none;} #col1of1 .sidebar a:hover {color: #f6982d; text-decoration: none;} #col1of1 .sidebar a:visited {color: #555555; text-decoration: none;} #col1of1 .sidebar {width: 230px; float: right; } #col1of1 .sidebar .navigation {border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fff;} #col1of1 .sidebar .navigation h2 {position: relative;font-weight:bold; background: url(/tigerlogic/images/sidebar_background.png) left top no-repeat; padding: 9px 11px 10px 15px;-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0; border-bottom: 1px solid #ddd;} #col1of1 .sidebar .navigation h2 span { font-size: 2em; position: absolute; top: 6px; margin: 0 0 0 20px; } #col1of1 .sidebar .navigation ul {margin: 0; padding: 0;} #col1of1 .sidebar .navigation ul li {border-bottom: 1px solid #ddd; padding: 10px 15px;} #col1of1 .sidebar .navigation ul li.last {border-bottom: none;} #col1of1 .sidebar2 {width: 230px; float: right; } .sidebar2 a:link {color: #555; text-decoration: none; } .sidebar2 a:visited {color: #555; text-decoration: none;} .sidebar2 a:active {color: #555; text-decoration: none;} .sidebar2 a:hover {color: #f6982d; text-decoration: none;} #col1of1 .sidebar2 .navigation {border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fff;} #col1of1 .sidebar2 .navigation h2 {position: relative;font-weight:bold;font-size: 1em;background: url(/tigerlogic/images/sidebar_background.png) left top no-repeat; padding: 9px 11px 10px 15px;-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0; border-bottom: 1px solid #ddd;} body.one_catagory #col1of1 .sidebar2 .navigation ul li.one_catagory, body.two_catagory #col1of1 .sidebar2 .navigation ul li.two_catagory, body.three_catagory #col1of1 .sidebar2 .navigation ul li.three_catagory, body.four_catagory #col1of1 .sidebar2 .navigation ul li.four_catagory, body.five_catagory #col1of1 .sidebar2 .navigation ul li.five_catagory, body.six_catagory #col1of1 .sidebar2 .navigation ul li.six_catagory, body.seven_catagory #col1of1 .sidebar2 .navigation ul li.seven_catagory, body.eight_catagory #col1of1 .sidebar2 .navigation ul li.eight_catagory, body.nine_catagory #col1of1 .sidebar2 .navigation ul li.nine_catagory, body.ten_catagory #col1of1 .sidebar2 .navigation ul li.ten_catagory, body.eleven_catagory #col1of1 .sidebar2 .navigation ul li.eleven_catagory, body.twelve_catagory #col1of1 .sidebar2 .navigation ul li.twelve_catagory, body.thirteen_catagory #col1of1 .sidebar2 .navigation ul li.thirteen_catagory, body.fourteen_catagory #col1of1 .sidebar2 .navigation ul li.fourteen_catagory, body.fifteen_catagory #col1of1 .sidebar2 .navigation ul li.fifteen_catagory, body.sixteen_catagory #col1of1 .sidebar2 .navigation ul li.sixteen_catagory, body.seventeen_catagory #col1of1 .sidebar2 .navigation ul li.seventeen_catagory, body.eighteen_catagory #col1of1 .sidebar2 .navigation ul li.eighteen_catagory, body.nineteen_catagory #col1of1 .sidebar2 .navigation ul li.nineteen_catagory, body.twenty_catagory #col1of1 .sidebar2 .navigation ul li.twenty_catagory {background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; color:#f6982d; font-weight:bold; border-left: 4px #f6982d solid;} #col1of1 .sidebar2.navigation h2 span { font-size: 2em; position: absolute; top: 6px; margin: 0 0 0 20px; } #col1of1 .sidebar2 .navigation ul {margin: 0; padding: 0;} #col1of1 .sidebar2 .navigation ul li {border-bottom: 1px solid #ddd; padding: 10px 15px;} #col1of1 .sidebar2 .navigation ul li.last {border-bottom: none;} body.two #col1of1 .sidebar2 .navigation ul li.two, body.five #col1of1 .sidebar2 .navigation ul li.five, body.three #col1of1 .sidebar2 .navigation ul li.three, body.four #col1of1 .sidebar2 .navigation ul li.four, body.six #col1of1 .sidebar2 .navigation ul li.six, body.seven #col1of1 .sidebar2 .navigation ul li.seven, body.eight #col1of1 .sidebar2 .navigation ul li.eight, body.nine #col1of1 .sidebar2 .navigation ul li.nine, body.ten #col1of1 .sidebar2 .navigation ul li.ten, body.eleven #col1of1 .sidebar2 .navigation ul li.eleven, body.twelve #col1of1 .sidebar2 .navigation ul li.twelve, body.thirteen #col1of1 .sidebar2 .navigation ul li.thirteen, body.fourteen #col1of1 .sidebar2 .navigation ul li.fourteen, body.fifteen #col1of1 .sidebar2 .navigation ul li.fifteen, body.sixteen #col1of1 .sidebar2 .navigation ul li.sixteen, body.seventeen #col1of1 .sidebar2 .navigation ul li.seventeen, body.eighteen #col1of1 .sidebar2 .navigation ul li.eighteen, body.nineteen #col1of1 .sidebar2 .navigation ul li.nineteen, body.twenty #col1of1 .sidebar2 .navigation ul li.twenty {background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; color:#f6982d; font-weight:bold;} body.on1 #col1of1 .sidebar .navigation ul li.on1, body.on2 #col1of1 .sidebar .navigation ul li.on2, body.on3 #col1of1 .sidebar .navigation ul li.on3 {background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; color:#f6982d; font-weight:bold; border-left: 4px #f6982d solid;} body.one #col1of1 .sidebar .navigation ul li.one , body.two #col1of1 .sidebar .navigation ul li.two, body.three #col1of1 .sidebar .navigation ul li.three, body.four #col1of1 .sidebar .navigation ul li.four, body.five #col1of1 .sidebar .navigation ul li.five, body.six #col1of1 .sidebar .navigation ul li.six, body.seven #col1of1 .sidebar .navigation ul li.seven, body.eight #col1of1 .sidebar .navigation ul li.eight, body.nine #col1of1 .sidebar .navigation ul li.nine, body.ten #col1of1 .sidebar .navigation ul li.ten, body.eleven #col1of1 .sidebar .navigation ul li.eleven, body.twelve #col1of1 .sidebar .navigation ul li.twelve, body.thirteen #col1of1 .sidebar .navigation ul li.thirteen, body.fourteen #col1of1 .sidebar .navigation ul li.fourteen, body.fifteen #col1of1 .sidebar .navigation ul li.fifteen, body.sixteen #col1of1 .sidebar .navigation ul li.sixteen, body.seventeen #col1of1 .sidebar .navigation ul li.seventeen, body.eighteen #col1of1 .sidebar .navigation ul li.eighteen, body.nineteen #col1of1 .sidebar .navigation ul li.nineteen, body.twenty #col1of1 .sidebar .navigation ul li.twenty {background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; color:#f6982d; font-weight:bold;} tr.tan td {background-color: #F7F7EF;} /* press*/ .pr a{color:#C00;float:left;padding:0 10px 0 0;} .pr_date{float:right;font-weight:normal;} .download_table.press tr th {padding: 10px 15px 10px 15px;} .download_table.press tr td {padding: 10px 15px 10px 15px; border-top: 1px solid #ccc;} .download_table.press a:link {font-size:11px; font-weight:bold; margin:0px;color:#333;} .download_table.press a:visited {font-size:11px; font-weight:bold; margin:0px;color:#333;} .download_table.press a:hover {font-size:11px; font-weight:bold; margin:0px; color:#F6982D;} /* front page roater */ .feature_nav ul li {display: inline; float: left;} .feature_nav ul li a {width: 20px; min-height: 16px; padding-top: 4px; text-align: center; display: inline; float: left; background:#fff; color:#999; font-size:10px; font-weight:bold; margin: 0 10px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .feature_nav ul li a.on {width: 20px; min-height: 16px; padding-top: 4px; text-align: center; display: inline; float: left; background:#666; color: #fff; font-size:10px; margin: 0 10px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #feature_one, #feature_two, #feature_three {display: none;} .feature_content #feature_one div, .feature_content #feature_two div, .feature_content #feature_three div {display: block;} /* footer */ #footer { color:#666666; margin:0 auto; padding:15px 0 20px 0; width:950px;