/* general layout */
body {padding: 0; margin: 0; font-family:  'Lucida Grande',  helvetica, arial, verdana, sans-serif; color: #555; font-size: .7em;}
a:link {color: #ff0; text-decoration: none;}
a:hover {color: #ff0; text-decoration: none;}
a:active {color: #ff0; text-decoration: none;}
a:visited {color: #ff0; 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, h2, h3, h4 {padding: 0 0 5px 0; margin: 0;  font-family: 'Lucida Sans', 'Lucida Grande', verdana, helvetica, arial, sans-serif;}
h1 {padding: 0 0 10px 0; font-weight: normal;}
h2 { font-weight: normal;}

h1.long {font-size: 1.5em;}

h1 a {font-size: .7em;}
p {padding: 0 0 10px 0; margin: 0;}
p.legal {font-size: .8em; color: #999; padding: 0; margin: 0;}
p.atiyah {width: 300px;}
p.moreroom {width: 310px; padding: 0 0 5px 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;}

/* mashery */
div#branding-logo {background: url(/yolink/images/yolink_logo.png) no-repeat; width: 82px; height: 30px; padding: 36px;}
#page #header {height: 38px;}
body#page-page {font-size: .9em;}
div#user-nav {margin: -33px 10px 0 0;}

div#local a:link {color: #4d4d4d; padding: 0 6px 0 6px; font-weight: normal;}
div#local a:visited {color: #4d4d4d; padding: 0 6px 0 6px; font-weight: normal;}
div#local a:hover {color: #ccc; padding: 0 6px 0 6px; font-weight: normal;}
div#local a:active {color: #ccc; padding: 0 6px 0 6px; font-weight: normal;}

/* search */
#main .yosearch, #mainsb .yosearch {position: absolute; top: 10px; right: 10px; text-align: right; width: 250px; z-index: 50;}

/* labs */
.labs{color: #16a203; cursor: pointer;}
#col1of1 .labs {margin: 150px 0 20px 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;}
#mainsb {width: 948px; min-height: 548px; background: url(/tigerlogic/images/background_gradient_sb.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 .navbuttons {padding: 36px 0 25px 0; margin: 0; text-align: right;}
#navbar .navbuttons a:link {color: #ff0; padding: 0 6px 0 6px;}
#navbar .navbuttons a:visited {color: #ff0; padding: 0 6px 0 6px;}
#navbar .navbuttons a:hover {color: #ff0; padding: 0 6px 0 6px;}
#navbar .navbuttons a:active {color: #ff0; padding: 0 6px 0 6px;}
#navbar .navbuttons a.end {padding-right: 0;}
	
/* content col1of1 */
p.leftcol {width: 400px; line-height: 1.5em;}

#col1of1 {float: left; width: 884px; padding: 32px; position: relative;}
#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 ul {padding: 0; margin: 10px 0 20px 0px;}
#col1of1 ul li {list-style-type: none; padding: 4px 0 4px 0px;}

#col1of1 textarea {background:#fff none repeat scroll 0 0; border: 1px solid #969696; color:#9D938E; display:inline; height:75px; line-height:15px; margin:0 4px 8px 0; padding:4px 2px; width:460px;}

#col1of1 .tlbadge {position: absolute; right: 30px; top: 490px;}

#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: #ff0; 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 .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 ul {padding: 0; margin: 10px 0 20px; 0px;}
#col1of2 ul li {list-style-type: none; padding: 4px 0 4px 0px;}

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

.arrowcallout {margin: 5px 0; border: 1px solid #ccc; background-color: #fff; -moz-border-radius: .25em; -webkit-border-radius: .25em; padding: 10px; position: relative;}
.arrowpoint {position: absolute; top: -22px; right: 80px;}

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

/* sidebar  col2of2*/
#col2of2 {float: right;  width: 264px; margin: 20px 0 0 0; padding: 32px 0 0 0; color: #494949;}
#col2of2 h2 { padding: 10px 15px; margin: 0; color: #555; font-size: 1.2em;}
#col2of2 h3 {padding: 10px 15px; margin: 0; color: #555; font-size: 1.1em;}
#col2of2 ul {padding: 0; margin: 10px 0 20px; 0px;}
#col2of2 ul li {list-style-type: none; padding: 4px 0 4px 15px;}
#col2of2 a:link {color: #494949;}
#col2of2 a:hover {color: #16a203;}
#col2of2 a:active {color: #16a203;}
#col2of2 a:visited {color: #494949;}


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