/* yolink stylesheet */
/* general layout */
a:link {color: #426e73; text-decoration: none;}
a:hover {color: #999; text-decoration: none;}
a:active {color: #999; text-decoration: none;}
a:visited {color: #426e73; text-decoration: none;}

*html h1 {color: #f60;}
h1 sup {color: #999; vertical-align: .5em; font-size: .5em;}
sup {color: #999; vertical-align: .5em; font-size: .75em;}
/* navbar */

#navbar .yolink {padding: 15px 0 0 0;}
#navbar .navbuttons {float: left; padding-top: 16px;}
#navbar .navbuttons a:link {color: #4d4d4d; padding: 0;}
#navbar .navbuttons a:visited {color: #4d4d4d; padding: 0;}
#navbar .navbuttons a:hover {color: #9a9; padding: 0;}
#navbar .navbuttons a:active {color: #9a9; padding: 0;}




body {font-family: Nobile, 'Droid Sans', arial; }
h1, h2, h3, h4  {font-family: Nobile, 'Droid Sans', arial; }
h1 {font-weight: normal; font-size: 26px; letter-spacing: 1.5px; color: #666;}
h3 {font-weight: 100;}
.yosearch {padding-top: 0!important;}

/* newboxes */
#leftcol {position: absolute; top: 345px; left 34px; width: 410px; min-height: 140px; border: 1px solid #e1e1e1; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; background-color: #f0f0f0; background: url(/yolink/images/small_box.png) left top repeat-x; padding: 10px;}
#rightcol {position: absolute; top: 345px; right: 34px; width: 410px; min-height: 140px; border: 1px solid #e1e1e1; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; background-color: #f0f0f0; background: url(/yolink/images/small_box.png) left top repeat-x; margin: 0 0 10px 0; padding: 10px;}
 
h2 span a {font-size: .8em;}
#maincol .subcol1of2 {width: 255px; border-top: 1px solid #e1e1e1; float: left; margin: 30px 0 0 0;}
#maincol .subcol2of2 {width: 254px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; float: right; margin: 30px 0 0 0;}

/* search */


/* yosearch */
#navbar .yosearch {float: right; width: 275px; 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;}


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


.leftcol_wide {float:left; padding:5px 50px 10px 0; width:380px;}
.rightcol_wide {float:left; padding:5px 0 10px 0; width:380px;}

.lab_block {min-height: 120px;}
/* content col1of1 */
.tiers {position: absolute; left: 11px; top: 150px; background: url(/yolink/images/tiers_background.png) top left no-repeat; width: 924px; height: 378px; padding: 0 17px;}

.tiers .col1of5, .tiers .col2of5, .tiers .col4of5, .tiers .col5of5 {width: 150px; float: left; padding: 10px 9px 10px 10px; margin: 57px 4px 0 5px; text-align: center; position: relative;}
.tiers .col3of5 {width: 150px; float: left; padding: 10px 9px 10px 10px; margin: 40px 4px 0 5px; text-align: center; position: relative;}

.col1of5 .tier_button, .col2of5 .tier_button, .col4of5 .tier_button, .col5of5 .tier_button {position: absolute; top: 120px; left: 35px;}
.col3of5 .tier_button {position: absolute; top: 137px; left: 35px;}

#col1of1 .tiers .col1of2 {width: 403px; float: left; position: relative; top: 15px; padding: 10px 20px;}
#col1of1 .tiers .col2of2 {width: 403px; float: left; position: relative; top: 15px; padding: 10px 20px;}

#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: #008100; 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 .special {position: absolute; top: 75px; right: 35px;}

#col1of1 .labs {margin: 120px 0 50px 0;}

#col1of1 .tabs {width: 840px;}
#col1of1 .tabs ul.tabnavigation li {display: inline; padding: 0 0 0 0;}


#col1of1 .col1of2 h1 {font-weight: normal;}
#col1of1 .col1of2 h2 {font-weight: normal; margin: 0; padding: 10px 0 0 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 ;}

#col1of1 .gsearch {background: url(/yolink/images/quick_start_2.png) left top no-repeat; width: 200px; height: 180px; margin: 50px 0 50px 0; padding: 100px 100px 150px 0px; text-align: center;}

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

#col1of2 ul {padding: 0; margin: 10px 0 50px;}
#col1of2 ul li {list-style-type: none; padding: 4px 0 4px 0px;}

/* news (look for ie styles)*/
.news {position: relative; width: 950px; height: 26px; padding: 8px 0 0 0; margin: 10px auto; border: 1px solid #e1e1e1; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(/yolink/images/news_background.png) left top repeat-x; color: #333;}
.news span {padding: 5px 15px 6px 15px; height: 10px; left top repeat-x; font-weight: bold; margin: 5px 10px 0 0;}
.news span a {color: #666; font-size: 12px; margin: 5px 0 0 10;}
.news ul#news {position: absolute; top: -5px; left: 120px; font-size: 12px;}
.news ul#news li {list-style-type: none;}
.news ul#news li a {color: #666;}


/* promo boxes */
.promos {width: 950px; margin: 10px auto 0 auto;}

.promos h3 {font-size: 11px; font-weight: bold;}

.promos a {font-size: 10px; font-weight: bold;}

.promos .col1and2of3 {width: 607px; float: left; min-height: 130px; border: 1px solid #e1e1e1; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fafafa; margin-right: 10px}
.promos .col2and3of3 {width: 607px; float: left; min-height: 130px; border: 1px solid #e1e1e1; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fafafa;}



.promos .col1of3, .promos .col2of3, .promos .col3of3 {width: 288px; float: left; min-height: 130px; border: 1px solid #e1e1e1; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fafafa;}
.promos .col1of3, .promos .col2of3 {margin-right: 10px;}

.promos .col1of1 {width: 928px; min-height: 110px; border: 1px solid #e1e1e1; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fafafa;}
.promos .col1of4, .promos .col2of4, .promos .col3of4, .promos .col4of4 {width: 208px; float: left; min-height: 130px; border: 1px solid #e1e1e1; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.promos .col1of4, .promos .col2of4, .promos .col3of4 {margin-right: 10px;}

/* sidebar  col2of2*/
#col2of2 h2 { padding: 0 15px; margin: 17px 0 0 0; color: #555; font-size: 1.2em;}
#col2of2 ul {padding: 0; margin: 10px 0 50px; 0px;}
#col2of2 ul li {list-style-type: none; padding: 4px 0 4px 15px;}
#col2of2 a:link {color: #494949;}
#col2of2 a:hover {color: #008100;}
#col2of2 a:active {color: #008100;}
#col2of2 a:visited {color: #494949;}


/* footer */
#footer a:hover, #footer a:active {color: #008100;}