/*
Name: Tweet2Email
URI: http://tweet2email.com
Description: Twitter application that can send to your friends email even without a twitter account.
Version: 1
Author: Arvind Andrion / Design / Html / Css
Author URI: http://www.arvindandrion.com/

*/


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section
{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section
{
    display: block;
}
body
{
    line-height: 1.5;
}
table
{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td
{
    text-align: left;
    font-weight: normal;
}
table, td, th
{
    vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}
blockquote, q
{
    quotes: "" "";
}
a img
{
    border: none;
}

/* typography.css */
html
{
    font-size: 100.01%;
}
body
{
    font-size: 75%;
    color: #222;
    background: #fff url(../images/bluebg.jpg) repeat-x;
    font-family: Verdana, Geneva, sans-serif;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    color: #111;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
    margin: 0;
}
p
{
    margin: 0 0 1.5em;
}
p img.left
{
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}
p img.right
{
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover
{
    color: #3A6CB7;
}
a
{
    color: #666666;
    text-decoration: none;
}
blockquote
{
    margin: 1.5em;
    color: #666;
    font-style: italic;
}
strong
{
    font-weight: bold;
}
em, dfn
{
    font-style: italic;
}
dfn
{
    font-weight: bold;
}
sup, sub
{
    line-height: 0;
}
abbr, acronym
{
    border-bottom: 1px dotted #666;
}
address
{
    margin: 0 0 1.5em;
    font-style: italic;
}
del
{
    color: #666;
}
pre
{
    margin: 1.5em 0;
    white-space: pre;
}
pre, code, tt
{
    font: 1em 'andale mono' , 'lucida console' , monospace;
    line-height: 1.5;
}
li ul, li ol
{
    margin: 0;
}
ul, ol
{
    margin: 0 1.5em 1.5em 0;
    padding-left: 3.333em;
}
ul
{
    list-style-type: disc;
}
ol
{
    list-style-type: decimal;
}
dl
{
    margin: 0 0 1.5em 0;
}
dl dt
{
    font-weight: bold;
}
dd
{
    margin-left: 1.5em;
}
table
{
    margin-bottom: 1.4em;
    width: 100%;
}
th
{
    font-weight: bold;
    padding: 10px 10px 10px 5px;
}
thead th
{
    background: #c3d9ff;
}
td, caption
{
    padding: 4px 10px 4px 5px;
}
tr.even td
{
    background: #e5ecf9;
}
tfoot
{
    font-style: italic;
}
caption
{
    background: #eee;
}
.small
{
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}
.large
{
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}
.hide
{
    display: none;
}
.quiet
{
    color: #666;
}
.loud
{
    color: #000;
}
.highlight
{
    background: #ff0;
}
.added
{
    background: #060;
    color: #fff;
}
.removed
{
    background: #900;
    color: #fff;
}
.first
{
    margin-left: 0;
    padding-left: 0;
}
.last
{
    margin-right: 0;
    padding-right: 0;
}
.top
{
    margin-top: 0;
    padding-top: 0;
}
.bottom
{
    margin-bottom: 0;
    padding-bottom: 0;
}

/* forms.css */
label
{
    font-weight: bold;
}
fieldset
{
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}
legend
{
    font-weight: bold;
    font-size: 1.2em;
}
input[type=text], input[type=password], input.text, input.title, textarea, select
{
    color: #7d7b7b;
    background-color: #fff;
    border: 1px solid #a0aeb7;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus
{
    border-color: #54c1fb;
    background: #fffef5;
}
input[type=text], input[type=password], input.text, input.title, textarea, select
{
    margin: 0.25em 0;
}
input.text, input.title
{
    padding: 5px;
}
input.title
{
    font-size: 1.5em;
}
textarea
{
    width: 390px;
    height: 250px;
    padding: 5px;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio
{
    position: relative;
    top: .2em;
}
form.inline
{
    line-height: 3;
}
form.inline p
{
    margin-bottom: 0;
}
.error, .notice, .success
{
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.error
{
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}
.notice
{
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}
.success
{
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.error a
{
    color: #8a1f11;
}
.notice a
{
    color: #514721;
}
.success a
{
    color: #264409;
}

/* grid.css */
.container
{
    width: 950px;
    margin: 0 auto;
}
hr
{
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: .1em;
    margin: 0 0 1.45em;
    border: none;
}
hr.space
{
    background: #fff;
    color: #fff;
    visibility: hidden;
}
.clearfix:after, .container:after
{
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.clearfix, .container
{
    display: block;
}
.clear
{
    clear: both;
}

/* Header */
#header
{
    width: 940px;
    height: 93px;
    padding: 0 10px;
    margin-bottom: 0px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-radius-bottomright: 4px;
}

.logo
{
    padding-top: 10px;
    float: left;
}
.logo h1
{
    width: 290px;
    height: 47px;
    display: block;
    text-indent: -2000px;
    margin: 10px 0 0 0;
    overflow: hidden;
    background: url(../images/logo.jpg) no-repeat;
}
.slogan
{
    font-size: .9em;
    color: #FFF;
    padding: 4px 8px 0;
    text-indent: -2000px;
}

/* Login Form */
.loginTop
{
    float: right;
}
.loginTop .text
{
    box-shadow: inset 0 0 4px #55abe8;
    margin: 0 0 0 5px;
    -moz-box-shadow: inset 0 0 4px #55abe8;
    -webkit-box-shadow: inset 0 0 4px #55abe8;
}
.remember
{
    font-size: .8em;
    color: #FFF;
}
.remember a
{
    color: #fff;
    margin-left: 62px;
    font-weight: bold;
}
.remember a:hover
{
    color: #5baee6;
}
.validationLogin span
{
    font-size: .9em;
    margin-right: 33px;
    padding-left: 6px;
}
.rlPass
{
    display: none;
}

.loginPage
{
    background: url(../images/loginbg.jpg);
    width: 400px;
    border: 6px solid #bdd5e5;
    padding: 5px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 2px 5px #bfe4fc;
    -webkit-box-shadow: 2px 2px 5px #bfe4fc;
    margin: 10px auto 20px;
}
.loginPage h2
{
    font-size: 3em;
    margin-bottom: 5px;
    border-bottom: solid 1px #fff;
    color: #5B656E;
}
.loginPage h3
{
    font-size: 1.4em;
}
.loginPage .lbl
{
    width: 72px;
    display: block;
    float: left;
    padding-top: 2px;
    text-align: right;
    margin-right: 5px;
    color: #5B656E;
}
.loginPage .text
{
    border: 1px solid #aad1eb;
    float: left;
    box-shadow: inset 0 0 2px #b08b2b;
    margin-right: 4px;
    width: 143px;
    -moz-box-shadow: inset 0 0 2px #bfe4fc;
    -webkit-box-shadow: inset 0 0 2px #bfe4fc;
}
.loginPage .btnReg
{
    margin: 5px 5px 5px 0;
}
.loginPage td
{
    padding: 0;
}
.rigloader
{
    float: right;
    margin: 20px 70px 0 0;
}


/* Navigation */
#navigation
{
    float: right;
    padding: 25px 0 0;
}
#navigation ul
{
    list-style: none;
}
#navigation li
{
    display: inline;
    margin-left: 15px;
}
#navigation li a
{
    color: #fff;
    text-decoration: none;
}
#navigation li a:hover
{
    color: #f8eea9;
}

/* Popup */
.popUp
{
    width: 600px;
    background-color: #ecf7fd;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 6px solid #d8d8d8;
    -moz-box-shadow: 2px 2px 5px #a9a9a9;
    -webkit-box-shadow: 2px 2px 5px #a9a9a9;
}

.headTab
{
    height: 49px;
    padding: 10px 10px 0;
    width: 580px;
    background-color: #91c9ec;
}

.tabs
{
    float: left;
    padding: 10px;
    color: #FFF;
    margin-right: 5px;
    font: 2em Georgia, "Times New Roman" , Times, serif; /*-moz-border-radius-topright: 4px; -webkit-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px;background-color:#8dafd1;*/
}
/*.active{background-color:#408ede;}*/
.close
{
    width: 33px;
    height: 34px;
    display: block;
    background: url(../images/close.gif) no-repeat left bottom;
    float: right;
    cursor: pointer;
}

.contentPop
{
    padding: 30px 10px 10px;
}
.mBtm10
{
    margin-bottom: 10px;
}
.contentPop .lbl
{
    float: left;
    padding-top: 8px;
    width: 80px;
    text-align: right;
}
.inptBrdrd
{
    background-color: #D0E6FD;
    margin: 0 5px;
    padding: 2px 3px;
    float: left;
}
.inptBrdrd .text
{
    margin: 0;
}
.popInput
{
    width: 420px;
}
.popBtn
{
    text-align: right;
    width: 522px;
}
.validateEmail
{
    font-size: .9em;
}

/* Maincontent */
.maincontent
{
    width: 950px;
    padding-top: 10px;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom: 2px solid #d8d8d8;
    margin-bottom: 10px;
    margin-top: 15px;
}
.innerpage
{
    padding: 0 10px 10px;
    clear: both;
}

/* Table */
.tblBorder
{
    border: 6px solid #f2f1f1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.tblBorder .tbl
{
    margin: 0px;
}
.tblBorder th
{
    background-color: #f2fafd;
    color: #5a5959;
    border-top: solid 1px #f2fafd;
    font-size: 15px;
}
.tblBorder tr
{
    border-top: solid 1px #d6d6d6;
}
.tblBorder td
{
    color: #5a5959;
}
.btnrecords
{
    text-align: right;
    color: #CCC;
}
.padsrec
{
    padding: 0 5px;
}
.btnrecords a
{
    font-size: .9em;
    text-decoration: underline;
    color: #666;
}
.btnrecords a:hover
{
    color: #3a6cb7;
}
.btnHighlight
{
    font-size: 1.2em;
    font-weight: bold;
}
.btnHighlight a:hover
{
    color: #3a6cb7;
}

.btnPrsBlue, .btnPrsRed
{
    font-size: 0.9em;
    padding: 4px 6px;
    text-decoration: none;
}
.btnPrsBlue
{
    background-color: #cbe7f7;
    color: #666666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
a.btnPrsBlue:hover
{
    background-color: #ecfbfd;
    color: #666666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.btnPrsRed
{
    background-color: #f8cdcd;
    color: #666666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
a.btnPrsRed:hover
{
    background-color: #fff3ea;
    color: #666666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Add Contacts */
#addContact
{
    border: 6px solid #f2f1f1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}
.mBtm
{
    margin-bottom: 5px;
}
.LeftCont
{
    float: left;
}
.contPads
{
    padding: 0 5px;
}

/* Title */
.pgTtl
{
    background-color: #3e7099;
    display: block;
    float: left;
    padding: 10px 15px;
    border-bottom: 2px solid #d8d8d8;
    position: relative;
    margin-bottom: 10px;
    -moz-border-radius-topright: 4px;
    -webkit-border-radius-topright: 4px;
    text-shadow: 0 -1px 1px #c7c7c7;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-radius-bottomright: 4px;
}
.pgTtl h2
{
    font-size: 2.5em;
    color: #FFF;
    float: left;
    margin-right: 10px;
}
.extTtl
{
    width: 12px;
    height: 75px;
    background: url(../images/ext_heading.png) no-repeat;
    position: absolute;
    left: -12px;
    top: 0;
}
.quickBtn
{
    height: 20px;
    float: left;
    padding: 14px 0 0 12px;
}
a.edit
{
    color: #fffbe0;
    font-size: .9em;
}
.leftArrow
{
    width: 15px;
    height: 11px;
    background: url(../images/arrow_left.gif) no-repeat;
    position: absolute;
    left: -12px;
    top: 0;
}

/* Waring */
.newImg
{
    width: 60px;
    height: 55px;
    background: url(../images/new.gif) no-repeat;
    float: left;
}
.alertmsg
{
    padding: 15px 0 0 75px;
}

/* Button */
.rBtn
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 15px 6px;
    color: #503309;
    cursor: pointer;
    font-size: .9em;
    border: 1px solid #2378ac;
}
.btnReg
{
    padding: 5px 15px 6px;
    color: #333333;
    cursor: pointer;
    border: 1px solid #ddff66;
    font-weight: bold;
    font-size: 15px;
    height: 39px;
    background: url(../images/btn_bg.png) repeat-x;
}
.btnReg:hover
{
    padding: 5px 15px 6px;
    color: #333333;
    cursor: pointer;
    border: 1px solid #ddff66;
    font-weight: bold;
    font-size: 15px;
    height: 39px;
    background: url(../images/btn_bg_hover.png) repeat-x;
}
.btnLogin
{
    padding: 5px 15px 6px;
    color: #333333;
    cursor: pointer;
    border: 1px solid #d3e3f1;
    font-weight: bold;
    font-size: 11px;
    height: 28px;
    background: url(../images/login_btn.png) repeat-x;
}
.btnAdd
{
    text-decoration: none;
    background: #f5e25e url(../images/bg_btn_yellow.gif) repeat-x;
    border-color: #edda56;
    position: relative;
}
.btnBlue
{
    text-decoration: none;
    background: #f5e25e url(../images/bg_btn_blue.gif) repeat-x;
    border: 3px solid #d0e6fd;
    padding: 8px 20px 9px;
    font: 1.8em Georgia, "Times New Roman" , Times, serif;
    color: #2d506d;
}
.addmore
{
    font-size: .9em;
    margin: 0 10px;
}
a.addmore
{
    color: #4d575f;
}
a.addmore:hover
{
    color: #2c82c7;
}
/* Banner */
#banner
{
    width: 950px;
    height: 435px;
    background: url(../images/banner_bg4.jpg) no-repeat;
    margin-bottom: 10px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-radius-bottomright: 4px;
}

.texthere
{
    float: left;
    width: 307px;
    height: 60px;
    color: #503309;
    padding: 121px 0 0 25px;
    text-align: center;
}
.texthere h2
{
    font-size: 1.8em;
    text-indent: -3000px;
}

.formPads
{
    padding: 68px 0 0 0;
}
.regForm
{
    width: 330px; /*height:307px;width:308px; height:276px;*/
    float: right;
    padding: 0px 0px;
}
.regForm h2
{
    font-size: 18.61pt;
    margin: 16px 0 0 0;
    padding: 0;
    color: #5b656e;
    font-family: Tahoma;
    font-weight: bold;
    background: url(../images/registration.png) no-repeat;
    text-indent: -2000px;
}
.regForm h3
{
    font-size: 0.9em;
    margin: -10px 15px 15px 0;
    padding: 0;
    color: #898b8d;
    border-bottom: solid 1px #fff;
}
.regForm .lbl
{
    width: 127px;
    display: block;
    float: left;
    padding-top: 23px;
    text-align: right;
    margin-right: 5px;
    color: #5b656e;
    font-weight: bold;
}
.regForm .text
{
    border: 2px solid #cae2f5;
    float: left;
    box-shadow: inset 0 0 2px #b08b2b;
    margin-right: 4px;
    width: 170px;
    margin-bottom: 7px;
    height: 22px;
    -moz-box-shadow: inset 0 0 2px #b08b2b;
    -webkit-box-shadow: inset 0 0 2px #b08b2b;
}
.regForm .btnReg
{
    float: right;
    margin: 10px 16px 0px 0px;
}
.remPass
{
    font-size: .9em;
}


/* Steps */
#steps
{
    width: 350px;
    height: 365px;
    position: relative;
    float: right;
}
#steps .stBox1
{
    width: 350px;
    height: 122px;
    float: left;
    background: #6ea2c2;
    display: block;
    border: 0px solid #6ea2c2;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
}
#steps .stBox2
{
    width: 350px;
    height: 122px;
    float: left;
    background: #5182a0;
    display: block;
    border: 0px solid #6ea2c2;
}
#steps .stBox3
{
    width: 350px;
    height: 121px;
    float: left;
    background: #2e5d83;
    display: block;
    border: 0px solid #6ea2c2;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
}
#steps .mPads
{
    margin-right: 7px;
}

.arrow
{
    width: 86px;
    height: 83px;
    background: url(../images/arrow2.png) no-repeat;
    position: absolute;
}
.r1
{
    left: 160px;
    top: 107px;
}
.r2
{
    left: 160px;
    top: 229px;
}
.nmbr1
{
    height: 40px;
    color: #FFF;
    text-shadow: 0 -1px 1px #183443;
    width: 27px;
    float: left;
    margin: 43px 29px 0 12px;
    padding: 0px;
    text-indent: -2000px;
    background: url(../images/number1.png) no-repeat;
}
.nmbr2
{
    height: 40px;
    color: #FFF;
    text-shadow: 0 -1px 1px #183443;
    width: 27px;
    float: left;
    margin: 43px 29px 0 12px;
    padding: 0px;
    text-indent: -2000px;
    background: url(../images/number2.png) no-repeat;
}
.nmbr3
{
    height: 40px;
    color: #FFF;
    text-shadow: 0 -1px 1px #183443;
    width: 27px;
    float: left;
    margin: 43px 29px 0 12px;
    padding: 0px;
    text-indent: -2000px;
    background: url(../images/number3.png) no-repeat;
}
.desc
{
    color: #FFFFFF;
    float: left;
    width: 250px;
}
.desc h5
{
    font-size: 2.2em;
    padding: 10px 0 0;
    text-shadow: 0 -1px 1px #183443;
    color: #FFF;
}
.desc p
{
    font-size: .9em;
}
.padDesc
{
    padding: 0 10px;
}

/* Footer */
#footer
{
    width: 930px;
    height: 74px; /*width:950px; height:94px;*/
    background-color: #1b486d;
    padding: 10px;
    font-size: .9em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-bottom: 2px solid #d8d8d8;
}

.copyright
{
    float: left;
    padding: 15px 0 0;
}
.copyright div
{
    margin-bottom: 5px;
    color: #c6c6c6;
}
.copyright a
{
    text-decoration: none;
    color: #c6c6c6;
}
.copyright a:hover
{
    color: #fff;
}

.cvstock
{
    width: 207px;
    height: 61px;
    background: url(../images/cvstock.jpg);
    display: block;
    float: right;
    text-indent: -2000px;
    overflow: hidden;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

a.alertlink
{
    color: Blue;
    text-decoration: underline;
}

.aboutDev
{
    margin: 0 15px 0 15px;
    font-family: tahoma;
    font-size: 14px;
    padding: 0 0 0 30px;
    color: #3d3d3d;
}

.aboutDev h2
{
    font-family: Arial;
    font-size: 21px;
    font-weight: bold;
    color: #666666;
    margin: 0 0 10px 0;
    border-bottom: solid 1px #cce1ea;
}

.aboutDev p
{
    margin: 0 0 7px 0;
    padding: 0;
}
.getclicky
{
    width: 84px;
    float: left;
}

.tweetmeme
{
    width: 56px;
    float: right;
}


#LatestTweetsContainer
{
    background: lightblue;
    width: 49%;
    float: left;
    margin: 0 0 5px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 2px solid #d8d8d8;
}

#NewUsersContainer
{
    background: lightblue;
    width: 49%;
    float: right;
    margin: 0 0 5px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 2px solid #d8d8d8;
}

.tweet
{
    background: url(../images/tweet-bg.png) repeat-x scroll 0 0 #EDEDED;
    border-bottom: 1px solid #AEAEAE;
    border-top: 1px solid #FFFFFF;
    padding: 7px;
}

.userImg
{
    overflow: hidden;
    float: left;
    height: 48px;
    width: 48px;
    clear: both;
}

.userName
{
    color: #314968;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-weight: bold;
    line-height: 12px;
    margin: 0 0 5px 7px;
}




.tweetDate
{
    margin: 0 0 0 55px;
    clear: left;
    color: #999999;
    font-size: 11px;
}

.tweetDate a:hover
{
    clear: left;
    color: #3A6CB7;
    font-size: 11px;
    text-decoration: underline;
}


.tweetMsg
{
    margin: 3px 0 2px 55px;
}

.userinfo
{
    color: #3A6CB7;
}

.blockHeader
{
    background: #5182A0;
    color: #fff;
    padding: 7px;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.tweetMsg a:hover
{
    color: #2F2F2F;
    text-decoration: underline;
}

.tweetMsg a
{
    color: #000000;
}