/***************** CSS RESET *********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body{
line-height: 1;
}
ol, ul{
list-style: none;
}
blockquote, q{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content: '';
}
ins{
text-decoration: none;
font-variant:small-caps;
}
del{
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table{
border-collapse: collapse;
border-spacing: 0;
}
/*********************************************************************/

/*#tooltip{
position:absolute;
border:2px solid #0487E0;
background-color:#fff;
padding:.35em .65em;
color:#333;
display:none;
font-size:95%;
}*/

#frmSignin .indent{
clear:both;
margin-left:30%;
}
#frmSignin .signInLabel{
width:30%; text-align:right; display:block; float:left; margin:.65em .25em 0 0;
}

body{
text-align:center; /* Required for pesky IE */
background-color:#fff;
}

#topnav, #topnav a{
font-size:.9em;
color:#333;
line-height:1.25em;
}

#welcome{
text-align:right;
float:right;
margin-top:-1.25em;
}
#welcome p{
margin:0;
}
#welcome ul{
width:100%;
padding:0;
margin:0;
list-style: none;
}
#welcome li{
float: left;
padding:0;
margin:0 0 0 .7em;
}
#welcomeListLast {
clear:left;
float:right !important;
line-height:1.5em;
}

#frmGoUser h3 {
margin:.2em .25em 0 0;
font-size:1.05em;
}

#wrapper{
margin:.5em auto 2em auto;
width:98%;/* Change value to suit*/
max-width:1100px;
text-align:left; /* Overrides the previously set center alignment that older IE versions reqd */
}

body{font-size:62.5%} /* for IE/Win */
html>body{font-size:.9em} /* for everything else */
p,td,dd,li{line-height:1.2em}

#header{
float:left;
margin:.75em 0 0 0;
}
#logo{
margin:0;
padding: 66px 0 0 0;
overflow: hidden;
background-image:url(../../images/accessible_twitter_logo_400.png);
background-repeat: no-repeat;
height: 0 !important;
height /**/:66px;
width:400px;
}
#content{
clear:left;
}
#footer{
font-size:.9em;
clear:both;
margin-left:.25em;
padding-top:1.5em;
}
#linkAtPromoTxt{
padding-top:.5em;
float:right;
font-size:85%;
}
.column1{
float:left;
width:48%;
margin-right:2%
}
.column2{
float:left;
width:48%;
}

#adHome {
width:710px;
margin:10px auto;
padding:9px;
border:#aaa 1px solid;
text-align:center;
}

/* UTILITIES */
.fl{float:left;}
.fr{float:right;}
.hide{
height: 0;
width: 0;
overflow: hidden;
float: right;
font-size:  0;
position: absolute;
top: -378px;
}
.clear{clear:both}
.ar{text-align:right;}
.ac{text-align:center;}
.alert{color:#f00;}

.vam{vertical-align:middle;}

.vertPad{
padding:2em 0;
}

.normalText {
font-weight:normal;
}

/* LINKS */
body{
font-family:Georgia, "Times New Roman", Times, serif;
}
a{
color:#333;
}
a:hover,
a:focus,
a:active,
a[rel="external"]:hover,
a[rel="external"]:focus,
a[rel="email"]:hover,
a[rel="email"]:focus{
text-decoration:none;
background-color:#A1D5F9;
color:#000;
}
a:active,
a[rel="external"]:active,
a[rel="email"]:active{
background-color:#fc6;
}
a.noHover:hover{
background-color:#fff;
}
a[rel="external"]{
background:url(../../images/icon_external.gif) no-repeat right top;
padding-right: 16px;
}
a[rel="email"]{
background:url(../../images/icon_link_email.gif) no-repeat right center;
padding-right: 18px;
}
a.linkPadded{
padding:.5em .5em .25em .5em;
background-color:#fff;
border:#fff 2px solid;
}
a.linkPadded:hover,
a.linkPadded:focus{
border:#0487E0 2px solid;
}
a.block{
color:#f00;
padding:0 .25em;
margin-left:1em;
}
a.block:hover,
a.block:focus{
text-decoration:none;
background-color:#fff;
}

/* TYPOGRAPHY */
h2{
font-size:1.35em;
padding:.75em 0;
color:#333;
}
.box2home h2{
padding:.25em 0;
}
.msgBoxPos h2,
.msgBoxNeg h2{
padding:0.25em 0;
}
h3{
color:#333;
font-size:1.1em;
margin:1em 0 0;
}
h2+h3{
margin:0 0 .75em 0;
}
h4{
margin:1em 0 0;
font-style:italic;
}
p, li{
margin:.5em 0;
}
ul.ulList1{
list-style:none;
margin:0;
padding:0;
}
ul.ulList1 li{
padding-left:1.1em;
margin-left:.5em;
background:url(../../images/bullet1.gif) no-repeat 0 .35em;
}

.box2home blockquote{
padding:14px 0 0 38px;
background:url(../../images/blockquote.png) no-repeat 0 20px;
}
.box2home blockquote div{
font-style:italic;
text-align:right;
}
cite a{
font-size:90%;
}

abbr{
border-bottom:#999 dashed 1px;
cursor:help;
}
ul{
list-style:disc;
}
li{
margin-left:1em;
}
fieldset{
margin:1em .75em;
}
#frmSubmitTweet fieldset{
margin:0;
}
#frmSubmitTweet h3{
margin-top:1em;
}
legend{
font-weight:bold;
padding:.2em 0;
}

.noteText{
font-size:.85em;
color:#333;
}
.smallText{
font-size:.85em;
}
.largeText{
font-size:1.15em;
font-weight:normal;
}

div.viewOneTweet{
font-size:150%;
margin:.5em 0;
}

.hilite-blue{
color:#0487E0;
}
h2 + h3.hilite-blue {
margin-top:.3em;
}


/* ENTERING TWEET AREA, and DM AREA */
#txtEnterTweet, #txtDirectMessage{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
height:2.5em;
min-height:38px;
overflow:auto;
padding:.25em .25em .25em .5em;
margin:.25em 0;
width:70%;
border:1px solid #0487E0;
float:left;
-moz-border-radius: 15px;
/*-webkit-border-radius: 15px;*/
}
#txtEnterTweet:focus, #txtDirectMessage:focus{
border-color:#fc6;
}

#charlimit{
clear:right;
float:right;
margin:.5em 29% 0 0;
padding:0;
font-size:.9em;
}
#btnSubmitTweet{
margin:.2em 0 0 1em;
cursor:pointer;
}
#lastTweet{
line-height:1.35em;
margin-left:.3em;
padding:0;
}
#lastTweet h3{
/*float:left;*/
margin:0 0 .25em 0;
padding:0;
}

/* TWEETS */
.tweetText blockquote, .respTwt blockquote {
font-size:1.15em;
line-height:1.35em;
margin:0 0 .25em 0;
}
.tweetText{
float:left;
padding-left:2%;
width:90%;
line-height:1.25em;
font-size:.9em;
}
.tweetToolbar {
margin:.5em 0;
}
.tweetText div a.fav, .respTwt div a.fav {
margin-left:1.5em;
}
.tweetImage{
float:left;
width:8%;
max-width:70px;
padding-top:.15em;
}
.pTweetFollow{
margin:.25em auto;
}

/* PROFILE */
dl#profile dt{
font-weight:bold;
width:15%;
text-align:right;
float:left;
clear:left;
margin-top:.5em;
margin-right:1em;
}
dl#profile dt:after{
content:':';
}
dl#profile dd{
float:left;
width:65%;
margin-top:.5em;
}
dl#profile dd ul{
list-style:none;
}
dl#profile dd li{
float:left;
margin:.25em .25em 0 0;
}
.followIcons{
margin:.75em 0 .25em -0.25em;
}
dl.editProfile dt{
padding-top:.75em;
}

/**** MENU ****/
ul.navMain{
width:100%;
padding:0;
margin:.5em 0;
list-style: none;
background-color: #fff;
float: left;
clear: left;
}
ul.navMain li{
float: left;
padding:0;
margin:.1em 0;
}
ul.navMain li a{
float: left;
padding: .125em .5em;
margin-right: .33em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
ul.navMain li a.current{
color: #000;
background-color:#a1d5f9;/*#0487E0;*/
text-decoration:none;
}

ul.navTweet{
width:99%;
padding:0;
margin:0 0 .75em 0;
list-style: none;
background-color: #fff;
float: left;
clear: left;
}
ul.navTweet li{
float: left;
padding:0;
margin:.1em 0;
}
ul.navTweet li a{
float: left;
text-decoration: none;
color: #333;
padding: .2em .5em;
margin-right: .33em;
font-weight:bold;
border:1px solid #333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

ul.navTweet li a:hover,
ul.navTweet li a:focus{
color: #333;
border-color:#a1d5f9;
background-color:#a1d5f9;
}
ul.navTweet li a.current{
color: #333;
border-color:#a1d5f9;
background-color:#a1d5f9;
}

ul.navMain li a:active,
ul.navTweet li a:active{
background-color:#fc6;
}

#m_search, #m_trends, #m_links, #m_lists{
background-image:url(../../images/icon_tool.png);
background-position: 2px center;
background-repeat:no-repeat;
padding-left:23px;
}
/***** END MENU ****/


/***** ROUNDED CORNERS ****/
#pagination, #cShortenUrl, #divAddImage,
.box1, .box2, .box2a, .box3, .box2home, .boxReply, .boxReplya, .box2search, .trendsCol, .twList, 
div.msgBoxPos, div.msgBoxNeg, div.alertSpecial a{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

/***** BOXES ****/
.box1{
border:3px solid #0487E0;
margin:0 0 .5em 0;
padding:0 .5em 1em .5em;
width:98%;
background-color:#efefef;
}
.box2, .box2a, .box2home, .boxReply, .boxReplya, .box2search{
border:2px solid #a1d5f9;
padding:.5em;
width:98%;
margin-bottom:.75em;
}
.box2search{
width:92%;
border-width:1px;
margin-top:.5em;
}
.box2search h3{
margin:.5em 0;
}
.boxReply, .boxReplya{
border-color:#ccc;
background:url(../../images/icon_reply_big.gif) top right no-repeat;
}

div.alertSpecial a{
border:1px solid #fc6;
text-align:center;
display:block;
text-decoration:none;
padding:.125em 0;
width:99%;
}
div.alertSpecial span{
display:block;
font-size:75%;
}
div.alertSpecial a:hover,
div.alertSpecial a:focus{
background-color:#fc6;
}

.box3{
border:1px solid #a1d5f9;
padding:.5em;
width:98%;
margin-bottom:.5em;
}
.box3 h3{
font-size:1.2em;
margin:0 0 .25em;
}

div.msgBox{
border:2px solid #a1d5f9;
padding:.25em .75em;
margin-bottom:.5em;
display:block;
}
div.msgBoxPos,
div.msgBoxNeg{
border:2px solid #a1d5f9;
background:#fff url(../../images/icon_check3.gif) no-repeat 5px 2px;
padding:.5em 0 .5em 50px;
margin-bottom:.5em;
display:block;
}
div.msgBoxNeg{
border-color:#c30;
background:#fff url(../../images/icon_x2.gif) no-repeat 9px 2px;
}
/***** END BOXES ****/

.btn1, .btn2, .btn3{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;
}
.btn1{
border:2px solid #0487E0;
font-size:1em;
font-weight:bold;
margin:.5em .5em .5em 0;
padding:.35em .85em;
background-color:#fff;
cursor:pointer;
}
.btn2{
border:2px solid #0487E0;
font-size:1.35em;
margin:.25em 0 0 .5em;
padding:.5em;
background-color:#fff;
cursor:pointer;
}
.btn3{
border:2px solid #0487E0;
font-size:1em;
font-weight:bold;
padding:.15em 0.5em;
margin:.5em .5em .5em 0;
background-color:#fff;
cursor:pointer;
}
.btn4{
border:1px solid #0487E0;
padding:.15em .35em;
margin:0 0 0 .35em;
background-color:#fff;
cursor:pointer;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.btn1:hover,.btn2:hover,.btn3:hover,.btn4:hover,
.btn1:focus,.btn2:focus,.btn3:focus,.btn4:focus{
border-color:#fc6;
}

.input1{
font-family:Georgia, "Times New Roman", Times, serif;
border:1px solid #0487E0;
font-size:1.1em;
padding:.25em;
margin:.25em 0;
}
.input1:focus{
border-color:#fc6;
}

#goUser{
font-family:Georgia, "Times New Roman", Times, serif;
border:1px solid #0487E0;
font-size:.9em;
padding:.2em;
margin:0;
float:left;
}
#goUser:focus{
border-color:#fc6;
}

#pagination{
clear:left;
float:right;
width:40%;
text-align:center;
border:1px solid #a1d5f9;
padding:.5em 0;
margin:0 .25em 1em 0;
}
a.older {
background:url(../../images/pag_right.gif) right center no-repeat;
padding-right:10px;
}
a.newer {
background:url(../../images/pag_left.gif) left center no-repeat;
padding-left:10px;
}


/* FOLLOWING / FOLLOWERS */
.actionFollow{
float:right;
font-size:.95em;
width:10%;
padding-right:.5em;
}

table{
margin: 1em 0 0 .15em;
border:#999 1px solid;
font-size:95%;
}
td, th{
padding:.5em;
border:#999 1px solid;
}
th{
font-weight:bold;
}

.highlight{
background-color:#F0F0F0;
}

#showMoreArticles,#hideMoreArticles,
#showMoreFeedback,#hideMoreFeedback,
#showTasksComplete,#hideTasksComplete{
padding:.75em .15em;
font-size:83%;
}

div#tasksComplete ul,
div#tasksComplete ul li{
margin-left: 0;
padding-left: 0;
list-style: none;
}
div#tasksComplete ul li{
background:url(../../images/icon_check1.gif) no-repeat 0 2px;
padding-left:20px;
}
div#tasksComplete  ul li del{
text-decoration:none;
}

/* SHORTEN URL - start */
#cShortenUrl, #divAddImage{
border:1px solid #ddd;
width:98%;
margin-bottom:.5em;
padding:.5em 0 .5em 1em;
}
#showShorten, #hideShorten{
font-size:.85em;
margin:0 0 .75em 1em;
}
#cShowShorten, #cHideShorten {
margin-left:.65em;
}
#urlShortResult{
margin:.5em 0;
}
#urlLongResult, #urlLongResult a{
margin:.5em 0;
color:#666;
font-size:.875em;
}
#headingShortUrl{
margin:.25em 0 .75em 0;
}
/* SHORTEN URL - end */

p#cShowAddImage, p#cHideAddImage,
p#cShowShorten, p#cHideShorten{
margin-top:0.25em;
margin-bottom:0.25em;
}

/* ADD IMAGE - start */
#showAddImage, #hideAddImage{
margin-left:.65em;
}
#urlAddImage{
margin:.5em 0;
}
#headingAddImage{
margin:.25em 0 .75em 0;
}
#headingAddImage a{
margin:.5em 0;
color:#666;
font-size:.875em;
}
/* ADD IMAGE - end */


/* LISTS - start */
.twList {
padding:1%;
width:98%;
}
.twList h4{
padding:15px 0 5px 20px;
margin:0;
font-size:1.05em;
clear:left;
background:url(../../images/icon_list.gif) no-repeat 0 17px;
}
.twList dl dt{
padding:.2em .75em .1em 0;
clear:left;
width:28%;
text-align:right;
float:left;
}
.twList dl dt:after{
content:':';
}
.twList dl dd{
padding: .1em 0;
width:67%;
float:left;
}
/* LISTS - end */

.trendsCol{
width:28%;
padding-left:1%;
margin-right:1%; 
margin-left:1%;
float:left;
border:1px solid #a1d5f9;
}
.trendsCol h3{
margin:1em .5em .75em !important;
}

div.imgThumb{
width:90px;
float:right;
padding-left:20px;
}

div.mentions a{
text-decoration:none;
border-bottom:#ccc 1px dashed;
}

div.userMessageLinks {
float:left;
margin:.75em .75em .75em 0;
}
div.userMessageLinksFoll {
float:left;
margin:.75em 0;
}

#sponsorCheapWeb {
margin-right:10px; width:180px; height:36px; padding:10px; font-size:105%; color:#444; border:#666 2px solid;
}

#notices {
clear:both;
}
#notices div.msgBoxPos,
#notices div.msgBoxNeg{
width:93%;
}

#createList {
width:96.5%;
}
#createList fieldset {
margin:.3em 0;
}
#createList div.row {
margin:.3em 0;
}
#createList fieldset div.row label {
font-weight:normal;
}
#createList label {
font-weight:bold;
}

.box2home p.pad {
margin:1em .5em .75em .5em;
}

.homeTwtTime {
text-transform:uppercase;
font-size:.8em;
padding-left:.3em;
}

.respTwt {
margin-left:9%;
margin-top:1em;
width:89%;
line-height:1.25em;
font-size:.9em;
}

.respTwt .respTwtDivImg {
float:left;
width:45px;
height:5em;
}

