/* 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; outline: 0; vertical-align: baseline; }

/*body {line-height: 1;}*/
ol, ol li, ul, ul li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
/* table {border-collapse: collapse;border-spacing: 0;}*/

/* Generics
--------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }
body { font: 75% arial, verdana; color: #000; background: #FFF; text-align: center; }
table { font-size: 1em; }
h1, h3, h4, h5 { color: #444; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.05em; color: #333; margin: 5px 0 2px 0; }
h3, h4, h5, p, ul li, ol li, a { font-size: 1em; }
p { line-height: 1.3; }


/* Layout 
--------------------------------------------------------------*/
#wrap { margin: 0 auto; width: 760px; text-align: left; }
#container { width: 990px; }
#content { width: 612px; }

/* masthead */
#masthead { width: 760px; height: 142px; background: url(/images/bg-masthead.png) no-repeat bottom; }
#masthead div.logo { float: left; }
#masthead div.logo img { width: 331px; height: 142px; }

/* blurb */
#masthead div.blurb { float: left; margin: 32px 0 0 0; width: 425px; }
#masthead div.blurb h1 { font-size: 1.3em; color: #FFF; }
#masthead div.blurb p { font-size: 1em; line-height: 1.25em; color: #FFF; }
#masthead div.blurb a { text-decoration: none; font-weight: bold; color: #FFF; }

/* footer */
#footer { clear: left; padding-top: 5px; text-align: center; }
#footer p { margin: 2px; }
#footnote { margin-top: 5px; text-align: center; }
#admin-info { margin-top: 20px 0 10px; background-color: #EFEFEF; border: solid 1px #000; text-align: center; }

/* Registration */
table.EditTable { width: 100%; padding-top: 6px; margin-left: 8px; }
table.EditTable th { font: 9pt Verdana; font-weight: bold; text-align: left; height: 30px; }
table.EditTable td { vertical-align: top; text-align: left; }

/* Profile */
div.profileName { padding: 6px 6px 2px 6px; font: bold 14pt arial, verdana; color: #444; }
div.profileTitle { padding: 6px; }
span.profileOnlineStatus { color: #4ACD11; font: bold 8pt arial, verdana; }


/* Side Bar
--------------------------------------------------------------*/
td.sidebar-td-top { background-image: url(/images/lnBG.gif); width: 148px; background-repeat: repeat-y; vertical-align: top; }
td.sidebar-td-bottom { background-image: url(/images/lnBG.gif); width: 148px; background-repeat: repeat-y; vertical-align: bottom; }
#sidebar div.info { margin: 1em 0.5em; font-size: 0.95em; }
#sidebar div.info a { font-size: 1em; }
#sidebar div.info .link { margin-top: 0.3em; }
#sidebar div.info .link a { margin-left: 0.2em; vertical-align: middle;  }

/* panelLogin */
div#login-form { padding: 0.3em; }
div#login-form fieldset { padding-top: 0.5em !important; padding-top: 0; }
div#login-form fieldset legend { margin-left: 0 !important; margin-left: -0.6em; margin-bottom: 0 !important; margin-bottom: 0.5em; font-size: 1em; font-weight: bold; }
div#login-form label { font-size: 0.9em; }
div#login-form input { width: 135px; font-size: 0.9em; }
div#login-form li { margin-bottom: 0.3em; vertical-align: middle; }
div#login-form li.checkbox input { width: auto; }
div#login-form a { font-size: 0.95em; }

/* panelLeftNav */
div#member-card { margin-top: 0.3em; text-align: center; background-repeat: no-repeat; height: 70px; width: 145px; cursor: pointer; }
div#member-card h3 { margin-top: 0; font-size: 1.2em; padding-top: 0.6em; color: #ffff00; }
.member-card-platinum { cursor: auto; background-image: url(/images/mscard_platinum.gif); }
.member-card-gold { background-image: url(/images/mscard_gold.gif); }
.member-card-silver { background-image: url(/images/mscard_silver.gif); }
.member-card-trial { background-image: url(/images/mscard_trial.gif); }

#leftnav, #leftnav ul { list-style-position: inside; }
#leftnav { margin: 0.5em 0.5em 0; }
#leftnav ul { margin-top: 0.3em; margin-left: 0.5em; }
#leftnav li, #leftnav ul li { list-style-type: none; font-weight: normal; }
#leftnav li { padding: 0.4em 0; }
#leftnav ul li { padding-top: 0.1em; padding-bottom: 0.1em; }
#leftnav li a, #leftnav ul li a { padding-left: 1.9em !important; /* for the love of ie */ padding-left: 0.3em; display: block; font-size: 0.95em; }
#leftnav li a { font-weight: bold; }
#leftnav ul li a { font-weight: normal; }
#leftnav li a:hover { text-decoration: none; }

#profile { background-image: url(/images/iconPreview3.gif); background-repeat: no-repeat; background-position: 0 3px; }
#messages { background-image: url(/images/iconMsg.gif); background-repeat: no-repeat; background-position: 0 3px; }
#winks { background-image: url(/images/iconWinkMnu.gif); background-repeat: no-repeat; background-position: 0 4px; }
#photos { background-image: url(/images/iconPhoto.gif); background-repeat: no-repeat; background-position: 0 3px; }
#lists { background-image: url(/images/iconLists.gif); background-repeat: no-repeat; background-position: 0 3px; }
#account { background-image: url(/images/iconManage.gif); background-repeat: no-repeat; background-position: 0 2px; }

#leftnav ul li.leftnav-folder-open { background-image: url(/images/iconFldO.gif); background-repeat: no-repeat; background-position: 0 0; }
#leftnav ul li.leftnav-folder-closed { background-image: url(/images/iconFld.gif); background-repeat: no-repeat; background-position: 0 0; }
#leftnav ul li.leftnav-subfolder-open { padding-left: 12px; background-image: url(/images/fldTreeOpen.gif); background-repeat: no-repeat; background-position: 0 0; }
#leftnav ul li.leftnav-subfolder-closed { padding-left: 12px; background-image: url(/images/fldTreeClosed.gif); background-repeat: no-repeat; background-position: 0 0; }
#leftnav ul li.leftnav-action { margin-top: 2px; background-image: url(/images/iconAction.gif); background-repeat: no-repeat; background-position: 1px 2px; }

#member-subscriptions ul li { padding-top: 0.3em; }
#upgrade-membership ul { padding-top: 0.3em; }
#member-subscriptions .link em, #upgrade-membership .link em  {font-style: normal; font-weight: bold; font-size:1.3em;}
#member-subscriptions .link a, #upgrade-membership .link a {padding-bottom: 0.3em; }

div#logout { text-align: center; margin-top: 2em; }
div#logout input { width: 12.5em; }


/* panelRegistering */
div#registration-steps { padding: 0.3em; }
div#registration-steps h3 { margin-bottom: 0.5em; }
div#registration-steps li { padding: 0.4em 0; }
div#registration-banner { text-align: center; }


/* formatting
--------------------------------------------------------------*/
h1.heading { margin: 7px 0 0 0; padding-left: 5px; padding-bottom: 7px; background-image: url(/images/heading-underline.gif); background-position: bottom; background-repeat: repeat-x; }
h2.heading { margin: 7px 0 0 0; padding-left: 5px; padding-bottom: 7px; background-image: url(/images/heading-underline.gif); background-position: bottom; background-repeat: repeat-x; }
div.infoBox { border: red 1px solid; padding: 2px; margin: 10px 0px; }
div.infoBox p { margin: 5px 0; }
div.infoBox img { vertical-align: middle; }
.ac_results { text-align: left; }


/* Helper Classes 
--------------------------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.textBoxUpperCase { text-transform: uppercase; }
.imageRight { float: right; padding: 0 5px 0 5px; }

.alignLeft { text-align:left;}