
/*--------------------------------------------------------------------------------

MyTalk CSS for www.processingtalk.com

Version: 1.0
Author: Marcus Taylor

--------------------------------------------------------------------------------*/

/* Mytalk modifications to formatting.css
--------------------------------------------------------------------------------*/

#paging_bot {
margin-bottom: 0;
}

/* Mytalk modifications to sls.css
--------------------------------------------------------------------------------*/


#content #mainsls #mainslsform .calltoaction ul.addtomyalerts {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
border-top: dotted 1px #ffc222;
}
/* Layout - Tool Tip
--------------------------------------------------------------------------------*/

.alertshelp {
width: 218px;
}

.tip-top {
background: url(../images/mytalk/mytalktooltiptop.png) no-repeat;
width: 218px;
height: 19px;
}

.tip {
background: url(../images/mytalk/mytalktooltipmid.png) repeat-y;
padding: 0 20px;
}

.tip-bottom {
background: url(../images/mytalk/mytalktooltipbase.png) no-repeat;
width: 218px;
height: 32px;
}

/* Layout - Homepage
--------------------------------------------------------------------------------*/

#mytalk_signup_box {
background: url(../images/mytalk/mytalk354pxbase.gif) no-repeat bottom;
width: 354px;
padding: 0 0 23px 0;
float: left;
}

#mytalk_signup_box .mytalk_logos {
background: url(../images/mytalk/mytalk354pxtop.gif) no-repeat bottom;
width: 334px;
padding: 10px 10px 17px 10px;
}

.mytalk_signup_form {
background: #455560 url(../images/mytalk/mytalk354pxmid.gif) repeat-y;
margin: 5px 0 0 0;
padding: 0 0 5px 0;
}

.mytalk_signup_input {
width: 306px;
}

.alertspostit,
.mytalks {
float: right;
}

.alertspostit {
margin: 0 11px 0 0;
}

.mytalk_logos:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Layout - Sub-category
--------------------------------------------------------------------------------*/

.mytalk_addsubcategory {
background: #455560 url(../images/mytalk/mytalk473pxshadow.gif) no-repeat bottom;
width: 473px;
padding: 10px 0 18px 0;
margin: 20px 0 0 0;
}

.addsubcategory {
background: url(../images/mytalk/addtomyalerts_iconl.gif) no-repeat;
padding: 0 0 0 55px;
margin: 0 0 0 10px;
float: left;
}

.mytalk_help {
margin: 0 10px 0 0;
float: right;
}

/* Layout - Article (SLS)
--------------------------------------------------------------------------------*/

#mytalk_advertiser_main {
background: url(../images/mytalk/mytalk473pxbase.gif) no-repeat bottom;
width: 473px;
padding: 0 0 23px 0;
margin: 13px 0 0 0;
}

#mytalk_advertiser_main .mytalk_logos {
background: url(../images/mytalk/mytalk473pxtop.gif) no-repeat bottom;
width: 453px;
padding: 10px 10px 17px 10px;
}

/* Layout - Article (No Advertiser)
--------------------------------------------------------------------------------*/

#mytalk_no_advertiser {
background: url(../images/mytalk/mytalk235pxbase.gif) no-repeat bottom;
width: 235px;
padding: 0 0 23px 0;
margin: 0 0 13px 0;
}

#mytalk_no_advertiser .mytalk_logos {
background: url(../images/mytalk/mytalk235pxtop.gif) no-repeat bottom;
width: 215px;
padding: 10px 10px 17px 10px;
}

.mytalk_category_company {
background: #455560 url(../images/mytalk/mytalk235pxmid.gif) repeat-y;
width: 195px;
margin: 0 0 0 0;
padding: 0 20px 5px 20px;
}

.mytalk_category_company hr {
border: none;
border-top: 1px dotted #ffc222;
height: 1px;
}

/* Clears
--------------------------------------------------------------------------------*/

.mytalk_addsubcategory:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#mytalk_advertiser_main ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Typography - Homepage
--------------------------------------------------------------------------------*/

.mytalk_signup_form p {
color: #ffc222;
padding: 0 0 0 20px;
margin: 0 0 0.7em 0;
}

.mytalk_signup_form form p label {
color: #fff;
font-weight: bold;
}

.mytalk_signup_form ul {
margin: 0 0 0.7em 0;
}

.mytalk_signup_form ul li {
background: url(../images/mytalk/mytalkbullet.gif) no-repeat 0px 3px;
padding: 0 0 0 13px;
margin: 0 0 0 20px;
color: #fff;
font-size: 1.2em;
line-height: 1.4em;
font-weight: normal;
}

.mytalk_addsubcategory p {
color: #fff;
}

.mytalk_addsubcategory p a:link, .mytalk_addsubcategory p a:visited {
color: #ffc222;
}

/* Typography - Article (No Advertiser)
--------------------------------------------------------------------------------*/

.mytalk_category_company h4 {
background: url(../images/mytalk/addtomyalerts_iconl_lt.gif) no-repeat left;
padding: 10px 0 10px 50px;
margin: 0 0 10px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.4em;
color: #fff;
font-weight: bold;
}

.mytalk_category_company p {
color: #fff;
}

.mytalk_category_company p a:link, .mytalk_category_company p a:visited {
color: #ffc222;
}

/* Typography - SLS
--------------------------------------------------------------------------------*/

#mytalk_advertiser_main ul {
background: #455560 url(../images/mytalk/mytalk473pxmid.gif) repeat-y;
width: 453px;
padding: 0 10px 5px 10px;
}

#mytalk_advertiser_main ul li {
width: 92px;
min-height: 30px;
height: auto !important;
height: 30px;
padding: 40px 10px 0 10px;
border-right: solid 1px #7d8890;
float: left;
font-size: 1.2em;
}

#mytalk_advertiser_main ul li.email {
background: url(../images/mytalk/email_iconlt.gif) no-repeat 10px 0;
}

#mytalk_advertiser_main ul li.brochure {
background: url(../images/mytalk/brochure_iconlt.gif) no-repeat 10px 0;
}

#mytalk_advertiser_main ul li.download {
background: url(../images/mytalk/download_iconlt.gif) no-repeat 10px 0;
}

#mytalk_advertiser_main ul li.myalerts {
background: url(../images/mytalk/myalerts_iconlt.gif) no-repeat 10px 0;
border-right: none;
}

#mytalk_advertiser_main ul li a:link, #mytalk_advertiser_main ul li a:visited {
font-weight: bold;
color: #fff;
text-decoration: none;
}

#mytalk_advertiser_main ul li a:hover, #mytalk_advertiser_main ul li a:active {
font-weight: bold;
color: #fff;
text-decoration: underline;
}

.whatisthis {
background: url(../images/mytalk/helpicon.gif) no-repeat right;
padding: 5px 28px 5px 0;
margin: 0 10px 0 0 !important;
float: right;
}

/* Typography - Tool Tip
--------------------------------------------------------------------------------*/

.tip-title p {
background: url(../images/mytalk/mytalktooltipicon.gif) no-repeat left;
padding: 5px 0 5px 28px;
margin: 0 0 0.9em 0;
color: #ffc222;
font-weight: bold;
}

.tip-text p {
color: #fff;
}

/* Global
--------------------------------------------------------------------------------*/

h4.submit {
background: url(../images/mytalk/submitr.gif) no-repeat top right;
padding: 0 22px 0 0;
margin: 0;
font-size: 1.4em;
font-weight: bold;
color: #455560;
display: inline;
float: left;
}

h4.submit a:link, h4.submit a:visited {
background: url(../images/mytalk/buttonl.gif) no-repeat top left;
min-height: 22px;
height: auto !important;
height: 22px;
padding: 3px 5px 0 10px;
margin: 0;
text-decoration: none;
line-height: 1.3em;
color: #455560;
display: block;
}

h4.submit a:hover, h4.submit a:active {
color: #fff;
}

h4.submit:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.mytalk_signup_form form fieldset h4.submit {
margin: 0 0 0 20px;
}

#mainslsform form fieldset h4.submit {
margin: 0 0 20px 0;
}

