/*
	LoveLooking.com
	File:	public.css
	Note:	Loaded by all pages
*/

/* Global Styles */
html, 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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: bottom; }
body { font-family: Tahoma, Arial, Sans-Serif; font-style: normal; font-variant: normal; text-decoration: none; color: black; background: white; margin: 0px; padding: 0px; }
table { border-collapse: separate; }
a { font-weight: bold; }
p ul li { margin-left: 20px; }
li { list-style-type: square; line-height: 1.3em; }
h1 { font-weight: normal; font-size: 1.0em; }
h2 { font-size: 0.9em; }

/* Formatting classes - Do not change */
.dN { display: none !important; }
.dNN { display: none; }
.cB { clear: both !important; }
.fL { float: left !important; }
.fR { float: right !important; }
.dI { display: inline !important; }
.tAC { text-align: center !important; }
.cR { color: #aa0000 !important; }
.mT2 { margin-top: 2px !important; }
.mB5 { margin-bottom: 5px !important; }
.pB5 { padding-bottom: 5px !important; }
.w200 { width: 200px }							/* Used to fix width of website design preview */
.pL10 { padding-left: 10px !important; }
.column50percent { float: left; width: 50%; }
.debug { border: 1px solid #880000; padding: 5px 10px 5px 10px; font-size: 0.7em; color: #880000; font-family: "Courier New", Courier, monospace; }

/* Main Wrapper / Container */
#wrapper { width: 728px; margin: 0px auto 0px auto; }
#container { width: 728px;}

/* Header */
.headerWrapper { margin: 15px 0px 0px 0px; height: 45px; }
.headerLogo { width: 279px; height: 45px; background: url(/images/logo.gif) no-repeat; float: left; padding-bottom: 4px; }
.headerNav { width: 440px; height: 32px; margin: 17px 0px 0px 0px; text-align: right; float: right; }
.headerNav li { display: inline; list-style-type: none; line-height: 30px; }
.headerNav a { color: #555555; background-color: #eeeeee; padding: 2px 6px 9px 6px; font-size: 0.8em; text-decoration: none; font-weight: normal;}
.headerNav a:hover { color: #1e69ad; background-color: #e4f2fc; }
.headerBanner { width: 100%; height: 120px; }
.headerAccountTicketNew { background-image: url(/skins/normal/images/newAccountTicketMessage.gif); width: 13px; height: 11px; background-repeat: no-repeat !important; display: inline-table; padding: 0px !important; margin: 0px 3px 0px 0px !important; background-color: #ffffff !important; cursor: pointer; }

/* Header - Your Account / Quick Jump */
.yourAccountHeaderWrapper { height: 34px; clear: both;}
.yourAccountHeaderLeft { float: left; margin: 4px 0px 0px 10px; padding: 0px; font-size: 1.25em; }
.yourAccountHeaderLeft a { color: #ffffff; }
.yourAccountHeaderRight { float: right; margin: 0px; padding: 4px 10px 6px 0px; }
.yourAccountHeaderRight li { display: inline; list-style-type: none; }
.yourAccountHeaderQuickJump { float: right; margin: 6px 10px 0px 0px; }
.yourAccountHeaderQuickJump select { color: #000000; font-family: Tahoma, Sans-Serif; border: 1px solid #aaaaaa; font-size: 0.7em; font-style: normal; font-variant: normal; }

.aO { margin-left: 10px; font-weight: bold; color: #008800; }

/* account.asp */
.accountPanel { height: 250px; }
.accountPanelLeft { width: 157px; padding: 5px 5px 5px 10px; float: left; }
.accountPanelImage { border: 1px solid #aaaaaa; width: 150px; }
.accountPanelInfo { width: 140px; text-align: center; font-size: 0.6em; padding: 5px; background-color: #f8f8f8; border: 1px solid #f8f8f8; }
.accountPanelRight { width: 246px; padding: 5px 8px 5px 0px; float: right ; }

.accountInfoWrapper { border: 1px solid #aaaaaa; margin: 0px 0px 5px 0px; }
.accountInfoHeader { background: #4f8fcb url(/images/headGradient.jpg) repeat-x top !important; color: #ffffff; font-size: 0.8em; padding: 2px 6px 2px 6px; }
.accountInfoHeader a { color: #ffffff !important; font-weight: bold !important; font-size: 0.9em; }
.accountInfoBody { background-color: #ffffff; font-size: 0.7em; padding: 2px 6px 4px 6px; }
.accountInfoBody li { margin-left: 15px; }
.accountAd { background-color: #888888; color: #ffffff; font-size: 0.6em; text-align: center; vertical-align: middle; height: 13px; }

/* accountUpdate.asp */
.accountUpdateAd { padding: 5px 0px 6px 30px; }
 
/* message.asp */
.contentEmbedMessages { height: 340px; width: 100%; }

/* image.asp */
.imageDisplayWrapper { padding: 5px 0px 10px 0px; }
.imageDisplayThumb { float: left; margin: 0px 10px 0px 10px; }
.imageDisplayImage { border: 1px solid #213e20; }
.imageDisplayInfo { text-align: center; font-size: 0.8em; padding: 5px; background-color: #f8fff8; }

/* match.asp */
.matchAccountWrapper { padding: 5px 5px 10px 5px; width: 718px; }
.mAT { float: left; margin: 0px 10px 10px 10px; width: 218px; cursor: pointer; }
.mAI { float: left; border: 1px solid #cccccc; width: 75px; }
.mAR { float: left; }
.mAZ { font-size: 0.6em; padding: 5px 5px 5px 5px; width: 130px; height: 48px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.mAL { font-size: 0.6em; padding: 3px 5px 3px 5px; width: 130px; height: 11px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.mAZOff { background-color: #f8f8f8; }
.mAZOn { background-color: #eeffee; }
.mALOff { background-color: #eeeeee; }
.mALOn { background-color: #cceecc; }

/* accountView.asp */
.accountViewWrapper { padding: 5px 10px 10px 10px; width: 708px; }

.accountViewLeft { width: 252px; float: left; }
.accountViewImage { border: 1px solid #aaaaaa; margin: 0px 0px 5px 0px; }

.accountViewRight { width: 444px; float: right; }
.accountViewInfoWrapper { border: 1px solid #aaaaaa; margin: 0px 0px 5px 0px; }
.accountViewInfoHeader { background: #4f8fcb url(/images/headGradient.jpg) repeat-x top !important; font-size: 0.8em; padding: 2px 6px 2px 6px; color: #ffffff !important; font-weight: bold !important; }
.accountViewInfoBody { background-color: #ffffff; font-size: 0.8em; padding: 2px 6px 4px 6px; }
.accountViewInfoBody th, .accountViewInfoBody td { font-size: 1.0em !important; }
.accountViewInfoBody li { margin-left: 20px; }

.accountViewVoteRating { margin: 0px; padding: 0px; }
.accountViewVoteRating th { margin: 0px; padding: 0px; text-align: center; font-size: 0.8em !important; }
.accountViewVoteRating td { margin: 0px; padding: 0px; cursor: pointer; }
.accountViewVoteRating td input { cursor: pointer; }
.accountViewVoteRatingLeft { float: left; font-size: 0.8em; }
.accountViewVoteRatingRight { float: right; font-size: 0.8em; }

.accountViewImageThumb { float: left; margin: 2px 2px 4px 2px; }
.accountViewImageThumb img { cursor: pointer; }

/* support.asp */
.supportWrapper { margin: 0px 0px 5px 0px; border: 1px solid #444444; background-color: #ffffff; padding: 5px 10px 5px 10px; }

/* System Message */
.systemMessageWrapper { padding: 5px 10px 5px 10px; clear: both; }
.systemMessageMessage { font-size: 0.8em; }
.systemMessageMessage ul, .systemMessageMessage ol { margin-left: 30px; padding: 10px 0px 10px 0px; }
.systemMessageMessage li { margin-bottom: 5px; line-height: 1.4em; }
.systemMessageLeft { width: 605px; float: left; font-size: 0.8em; }
.systemMessageRight { width: 70px; float: right; padding: 0px 0px 6px 0px; }
.systemMessageRight ul { text-align: right; }
.systemMessageRight li { display: inline; list-style-type: none; }

/* Background Colors - Messages */
.backMessageNormal { background-color: #ffffdd !important; }
.backMessageAccount { background-color: #c7f8c0 !important; }
.backMessageNews { background-color: #f8e0c2 !important; }
.backMessageError { background-color: #ffdddd !important; }

/* Fonts - Messages */
.fontMessageNormal { color: #3c3b00; }
.fontMessageNormal a { color: #3c3b00 !important; }
.fontMessageAccount { color: #335d2f; }
.fontMessageAccount a { color: #335d2f !important; }
.fontMessageNews { color: #683d0c; }
.fontMessageNews a { color: #683d0c !important; }
.fontMessageError { color: #880000;  }
.fontMessageError a { color: #880000 !important; }


/* Two column */
#columnALeft { width: 363px; float: left; }
#columnARight { width: 363px; float: right; }

#formatAALeft { width: 426px; float: left; }
#formatAARight { width: 300px; float: right; }
#formatABLeft { width: 426px; float: left; }
#formatABRight { width: 300px; float: right; }

/* Body - Header */
.bodyHeaderWrapper { margin: 0px; padding: 0px; height: 34px; }
.bodyHeaderLeft { float: left; margin: 4px 0px 0px 10px; padding: 0px; font-size: 1.25em; }
.bodyHeaderRight { float: right; margin: 0px; padding: 4px 10px 6px 10px; }
.bodyHeaderRight li { display: inline; list-style-type: none; }

/* Body - Content */
.bodyWrapper { padding: 5px 10px 10px 10px; }
.bodyWrapper p { margin-bottom: 5px; font-size: 0.8em; }
.bodyWrapper ul, .bodyWrapper ol { margin-left: 30px; padding: 10px 0px 10px 0px; }
.bodyWrapper li { margin-bottom: 5px; font-size: 0.8em; line-height: 1.4em; }
.bodyLeft { float: left; }
.bodyRight { float: right; }

/* Tables */
th { font-size: 0.7em; font-weight: bold; text-align: right; }
td { font-size: 0.7em; font-weight: normal; text-align: left; }

.tableAlignCenter { margin-left: auto; margin-right: auto; }

/* Footer */
.footerWrapper { clear: both; border-top: thin solid #000000; padding: 4px 0px 0px 0px; text-align: center; }
.footerNav li { display: inline; list-style-type: none; margin: 0px 4px 0px 4px; }
.footerLegal { margin: 4px 0px 10px 0px; text-align: center; font-size: 0.6em; }
.footerIcons { margin: 0px 0px 10px 0px; }

.adExchangeWrapper { text-align: center; padding: 3px 0px 3px 0px; }
.adExchangeWrapper a { color: #444444; font-size: 0.8em; }

/* Forms */
.formWrapper { clear: both; padding: 0px 10px 10px 10px; text-align: center; }

.formAccount th, .formAccount td { font-size: 0.8em; }
.formAccount th { vertical-align: top; padding-top: 3px; }
.formAccount input, .formAccount select, .formAccount textarea { font-family: Tahoma, Sans-Serif; border: 1px solid #888888; color: #464646; font-weight: normal; font-size: 1.0em; }
.formAccount input { padding: 0px 0px 0px 3px; }
.formAccount input.required { background: #ffffff url(/skins/normal/images/required2.gif) no-repeat center right; }
.formContent { background-color: #ffffff; padding: 3px 5px 3px 5px; }

.formHiddenFields { display: none; }
.formButtons { clear: both; text-align: center; padding: 5px 10px 20px 10px; }
.formButtons li { display: inline; list-style-type: none; }
tr.formSpacer th { padding-top: 12px !important; }
tr.formSpacer td { padding-top: 10px !important; }

#recaptcha_widget_div { padding: 0px 0px 0px 20px; }

/* Fonts - Headers */
.fontHeaderAccount { color: #ffffff; }

/* Fonts - Body */
.fontBodyAccount { color: #464646; }
.fontBodyAccount a { color: #464646; }

/* Fonts - Footer */
.fontFoot { color: #888888; font-size: 0.6em; }
.fontFoot a { color: #888888; }
.fontFoot a:hover { color: #000000; }

/* Background Colors - Header */
.backHeaderAccount { background: #4f8fcb url(/images/headGradient.jpg) repeat-x top !important; }

/* Background Colors - Body */
.backBodyAccount { background: #eeeeee url(/images/backGradient.jpg) repeat-x top !important; }

/* Buttons */
.button { font-size: 0.7em; font-weight: normal; padding: 2px 6px 6px 6px; text-decoration: none; }
.buttonAccount { background-color: #4c8cc9; color: #ffffff !important; border-right: 1px solid #505050; border-bottom: 1px solid #505050; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; }
.buttonAccount:hover { background-color: #3a72a5; border-left: 1px solid #505050; border-top: 1px solid #505050; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
.buttonAccountBack { background: #4c8cc9 url(/images/backWhite.gif) no-repeat 5px 4px; color: #ffffff; padding-left: 12px; border-right: 1px solid #505050; border-bottom: 1px solid #505050; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; }
.buttonAccountBack:hover { background-color: #3a72a5; border-left: 1px solid #505050; border-top: 1px solid #505050; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }