/* general layout */
body {padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif;  color: #555; font-size: 12px;}

a:link {color: #00f; text-decoration: none;}
a:hover {color: #00f; text-decoration: none;}
a:active {color: #00f; text-decoration: none;}
a:visited {color: #00f; text-decoration: none;}

abbr {border-bottom: none;}
acronym {border-bottom: none;}
.clear {width: 100%; height: 1px; clear: both;}
fieldset {border: none; margin: 0; padding: 0;}


h1 {padding: 0 0 15px 0; margin: 0; font-weight: 100;}
h2 {padding: 0 0 5px 0; margin: 0; font-weight: 100;}
h3 {padding: 0 0 15px 0; margin: 0; font-weight: 100;}
h4 {padding: 0 0 5px 0; margin: 0; font-weight: 100;}

p {padding: 0 0 10px 0; margin: 0;}
p.legal {font-size: .8em; color: #999; padding: 0; margin: 0;}

.imgleft {float: left;}
.imgright {float: right;}

input {border: 1px solid #ccc;}
textarea {border: 1px solid #ccc;}
blockquote.quote {padding: 15px; border: 1px solid #ccc; background-color: #fff; -moz-border-radius: .25em; -webkit-border-radius: .25em;}
tr.tan td {background-color: #F7F7EF;}


/* list styles */
ul li {list-style-type: none;}
ul.list li {list-style-type: disc; margin: 0 15px; padding: 0 0 4px 0;}

.content #products {min-height: 165px;}
.content ul {padding: 0px; margin: 0 15px;}
.content ul li.list {list-style-type: disc; margin: 0 15px;}
li.list {list-style-type: disc !important; margin: 0 15px; padding: 4px 0 4px 0;}

/* New  button */
a.globalbutton {color: #fff; background: url(/tigerlogic/images/devbuttonv2.png) left top repeat-y; padding: 6px 10px 6px 15px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;}



/* main */
#main {width: 948px; min-height: 548px; background: url(/tigerlogic/images/background_gradient.png) top left repeat-y; padding: 0; margin: 0 auto; border: 1px solid #e1e1e1; -moz-border-radius: .25em; -webkit-border-radius: .25em; position: relative;}


/* navbar */
#navbar {width: 948px; background-color: #fff; padding: 0; margin: 0 auto; font-size: 1em;}

#navbar .mainlogo {float: left; padding: 20px 20px 0px 0px;}
#navbar .navbuttons {text-align:left;margin-top:15px; padding: 35px 0 25px 0;}
#navbar .yosearch {float:right;padding: 18px 0 0 0; width:291px;}

#navbar .navbuttons {padding: 36px 0 25px 0; margin: 15px 0 0 0; text-align: left;}
#navbar .navbuttons a:link {color: #00f; padding: 0 6px 0 6px;}
#navbar .navbuttons a:visited {color: #00f; padding: 0 6px 0 6px;}
#navbar .navbuttons a:hover {color: #00f; padding: 0 6px 0 6px;}
#navbar .navbuttons a:active {color: #00f; padding: 0 6px 0 6px;}
#navbar .navbuttons a.end {padding-right: 0;}

.navbuttons_alt {padding: 29px 0 0 0;}

/* yosearch */
.yoradiobuttons {position: absolute; top: 15px; right: 42px;display:none;}
#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 
#main .yosearch, #mainsb .yosearch {top: 20px; }
.find_button {background: url(/tigerlogic/images/find.png) right top repeat-x; margin:0; padding:0px; width:37px; height:25px; border:0px; float:right; cursor: pointer; -webkit-border-radius:0px text-decoration: none; -moz-border-radius:0px;}
.search_input {border:1px #dbdbdb solid;float:left;height:18px;padding:2px;width:248px; background:url(/tigerlogic/images/search_bg.gif)}
*/

/* yosearch results */
.gs-result .gs-title, .gs-result .gs-title * {text-decoration: none;}
.gs-title a.gs-title {text-decoration: none; color: #00f;}
.gs-title a.gs-title b {text-decoration: none; color: #00f;}

/* 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/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;}


/* main_content */
.main_content {width: 630px; float: left;}
.main_content_full {width: 880px; float: left;}
.main_content_long {float:left;width:885px;}

/* nav bar */
.nav_bar {background: url(/tigerlogic/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;}
ul.sf-menu li{z-index:1000;}
/* buttons */
.home_button {padding: 20px 0 20px 0; position:relative; z-index:5001}

a.body_button {border: 1px solid #dadada;padding: 8px; color:#4b4a4a; margin:10px 20px 10px 0 ; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; font-weight: bold; font-size: 1.em;}
a:hover.body_button  {border: 1px solid #dadada; color:#fff; padding: 10px 10px 7px 10px; margin:10px 10px 10px 0 ; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(/tigerlogic/pick/images/pick_button_over.png) left top repeat-x; font-weight: bold; font-size: 1.em;}

a.site_button_body {border: 1px solid #dadada; color:#4b4a4a; padding: 8px; margin:10px 10px 10px 0 ; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; font-weight: bold; font-size: 1.em;}
a:hover.site_button_body  {border: 1px solid #dadada; color:#999; padding: 8px; margin:10px 10px 10px 0 ; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; font-weight: bold; font-size: 1.em;}
.site_button_body span {border-left: 1px solid #dbdada;	margin-left: 10px;padding-left: 10px; padding-right: 10px; font-weight: bolder; font-size: 1.3em; background: url(/tigerlogic/images/down_arrow.png) center right no-repeat; }

.body_button span {border-left:1px solid #DBDADA;font-size:1.3em;font-weight:bolder;margin-left:10px;
padding-left:10px;}


.site_button span {
	border-left: 1px solid #dbdada;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bolder;
	font-size: 1.3em; 
	background: url(/tigerlogic/pick/images/right_arrow.png) center right no-repeat; /tigerlogic/pick/images/down_arrow.png
}

.button_space {padding:15px 0 0 0;}

.blue_button {color: #fff; background: url(/tigerlogic/pick/images/blue_button_body.png) left top repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px 10px;}
.button a.blue_button {color: #fff; font-weight: normal; font-size: .9em; margin: 0 10px 0 0;}

.grey_button {color: #fff; background: url(/tigerlogic/pick/images/grey_button_body.png) left top repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px 10px;}
.button a.grey_button {color: #fff; font-weight: normal; font-size: .9em; margin: 0 10px 0 0;}

/* support style */
.support_col1of2 {float: left; margin:0  10px 0px 0;}
.support_col2of2 {float: left; margin: 0}

.support_button {width:390px; height:100px; overflow:hidden; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 15px 25px 0; padding:15px; background: url(/tigerlogic/pick/images/dev_body.png) left top repeat-x;}
.support_button h3 {color: #f6982d; font-size:12px; font-weight:bold;}
.support_button:hover{border:1px solid #ddd; background:#fff;}

.support_button a:link {color: #00f;font-weight: bold;}
.support_button a:visited {color: #00f;font-weight: bold;}
.support_button a:hover {color: #00f;font-weight: bold;}
.support_button a:active {color: #00f;font-weight: bold;}
.support_button_tall {width: 395px; min-height: 80px; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 15px 15px 0; padding: 25px 15px 15px 15px; background: url(/tigerlogic/pick/images/dev_body.png) left top repeat-x;}


/* page quote */
.page_quote {position: relative; width:450px; font-size: 1.2em; color: #000; margin-top:15px; margin-bottom:15px;}
.page_quote .thequote {float: left; padding: 0 5px 10px 0; margin:0 0 0 -30px;}
.page_quote em {font-size: .8em; color: #000;}
.page_quote div {margin:-3px 0 0 0;}


/* content */
.content h2 {padding: 5px 15px 0 15px;}
.content h3 {padding: 5px 15px 0 15px;}
.content h4 {padding: 5px 15px 0 15px;}

#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;}

.leftcol {float: left; width: 300px; padding: 5px 20px 10px 0;}
.rightcol {float: left; width: 300px; padding: 5px 0 10px 0;}

/* download table */
.download_table {text-align: left;}
.download_table tr th {padding: 5px 15px 5px 15px;}
.download_table tr td {padding: 5px 15px 5px 15px;}
.download_table tr td.tan {background-color: #f7f7ef;}
.download_table tr th.tan {background-color: #f7f7ef;}


/* sidebar */
.sub ul li {padding-left: 30px; text-indent: 15px;}
#col1of1 .sidebar2 {width: 230px; float: right; }
.sidebar2 a:link {color: #00f; text-decoration: none; }
.sidebar2 a:visited {color: #00f; text-decoration: none;}
.sidebar2 a:active {color: #00f; text-decoration: none;}
.sidebar2 a:hover {color: #00f; 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 {font-size: 1em; 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 .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;}


/* 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;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;}
#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;}


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,
body.twentyone_catagory #col1of1 .sidebar2 .navigation ul li.twentyone_catagory {background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; color:#00f; font-weight:bold; border-left: 4px #00f 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,
body.twentyone #col1of1 .sidebar .navigation ul li.twentyone {background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; color:#00f; font-weight:bold;}


body.one #col1of1 .sidebar2 .navigation ul li.one,
body.two #col1of1 .sidebar2 .navigation ul li.two,
body.three #col1of1 .sidebar2 .navigation ul li.three,
body.four #col1of1 .sidebar2 .navigation ul li.four,
body.five #col1of1 .sidebar2 .navigation ul li.five,
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,
body.twentyone #col1of1 .sidebar2 .navigation ul li.twentyone {background: url(/tigerlogic/images/main_nav_bar_body.png) left top repeat-x; color:#00f; font-weight:bold;}


/* content col1of1 */
p.leftcol {width: 400px; line-height: 1.5em;}

#col1of1 {float: left; width: 884px; padding: 32px; position: relative;}

/* TBR 
#col1of1 h1 {font-weight: normal;}
#col1of1 h2 {font-size: 1.4em; font-weight: normal; color: #555;}
#col1of1 h3 {font-size: 1.1em; color: #555;}
*/

#col1of1 .col1of2 {width: 400px; float: left;}
#col1of1 .col2of2 {width: 480px; float: left;}

#col1of1 .col1of2 .callout {margin: 0 0 0 0; border: 1px solid #eee; width: 377px; min-height: 175px; background-color: #fff; -moz-border-radius: .25em; -webkit-border-radius: .25em;}
#col1of1 .col1of2 .callout h3 {padding: 10px 0 0 20px; color: #00f; font-size: 1.3em;}
#col1of1 .col1of2 .callout p {padding-left: 20px;}

#col1of1 .col2of2 .callout {margin: 10px 0 0 50px;}
#col1of1 .col2of2 .callout img {padding: 0 20px 10px 0;}


#col1of1 .col1of3 {width: 260px; float: left; padding: 0 10px 0 0; margin: 0 30px 0 0;}
#col1of1 .col2of3 {width: 260px; float: left; padding 0 10px; margin: 0 30px 0 0;}
#col1of1 .col3of3 {width: 260px; float: left; padding: 0 0 0 10px ;}

/* content col1of2 */
#col1of2 {float: left; width: 619px; padding: 32px; background: url(/tigerlogic/images/gradient_sidebar.png) right top no-repeat; position: relative;}


#col1of2 textarea {height:75px; line-height:15px; margin:0 4px 8px 0; padding:4px 2px; width:460px;}

#col1of2 .col1of2 {float: left; width: 300px; padding: 0 15px 0 0;}
#col1of2 .col2of2 {float: left; width: 300px;}


/* 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;}
.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;}


/* footer */
#footer {width: 948px; margin: 0 auto; padding: 20px 0; color: #999; text-align: left; font-size: .9em;}
#footer span {float: right;}
#footer a:link, #footer a:visited {color: #999;}
#footer a:hover, #footer a:active {color: #ccc;}