/* +++++++++  mo_site.css +++++++++ */
/*
#4282C3	- (66,130,195)	:blue
#345576	- (52,85,118)	:visited blue
#06f	- (0,102,255)	:hover blue

#dee0e4	- (222,224,228)	:light bg gray
#999b9f	- (153,155,159)	:medium-light gray
#62656b	- (98,101,107)	:medium-dark gray
#30333a	- (48,51,58)	:dark text gray
*/
/*_________________________________________________________________________________
		GENERAL LAYOUT AND COLUMN LAYOUT
===================================================================================*/
body { margin: 0px 4px; color: #30333a; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17.5px; background: url("http://media.mergeonline.com/designimages/mo_bgStripes.png") repeat 0 0; }

#page_margins { min-width: 992px; max-width: 1280px; width: auto; margin: 5px auto; padding: 0px; border: 1px solid #999b9f; text-align:left; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.7); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.7); box-shadow: 0px 0px 4px rgba(0,0,0,.7); }

#main { margin: 0px; }

#col1, #col2, #col3 { min-height: 1px; }

#col1_content, #col2_content, #col3_content { background-color: #fff; }

#col1_content { margin-right: 4px; padding: 0px 10px 5px 10px; }
#col2_content { padding: 0px 10px 5px 10px; }
#col3_content { margin-left: 4px; padding: 0px 7px; }

/*_________________________________________________________________________________
		HEADER LAYOUT
===================================================================================*/
#header { height: 103px; padding: 10px 7px 0px 6px; position: relative; color: #000; background-color: #fff; }

#header h1.siteName { width: 222px; height: 102px; margin: 0px; padding: 0px; border: none; position: relative; top: -4px; overflow: hidden; float: left; font-size: 1px; line-height: 5px; }

#header h1.siteName a { width: 222px; height: 102px; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; text-decoration: none; background: transparent url("http://media.mergeonline.com/designimages/mo_fullLogo.png") no-repeat 0px 0px; }

#header h1.siteName a:hover,
#header h1.siteName a:focus { background-position: 0px -102px; }
#header h1.siteName a:active { background-position: 0px -204px; }
#header h1.siteName a span { border: 0px none; display: block; text-indent: -9999px; }

/* this is for accessibility, and does not have to be replaced with an image*/
#header p.tagLine { height: 10px; margin: 0px; padding: 0px; position: absolute; top: 28px; left: 83px; display: none; font-size: 10px; line-height: 10px; }

/* search box and button */
#header input.text { width: 300px; margin: 0px; padding: 4px 3px; border: 1px solid #000; position: absolute; top: 45px; left: 300px; float: left; color: #000; font-size: 13px; }

#header input.submit { padding: 2px 10px 1px; position: absolute; top: 45px; left: 620px; font-size: 15px; }

/*this is the div for the current issue cover and description */
#magazineItems { width: 294px; height: 96px; position: relative; overflow: visible; float: right; background: transparent; }

#magazineItems #magazineItemsText p { height: 20px; margin: 0px 0px 3px; overflow: hidden; z-index: 52; font-weight: bold; line-height: 20px; text-align: right; }

#magazineItems #magazineItemsText { width: 165px; height: 84px; padding: 6px 6px 0px 0px; overflow: visible; float: left; z-index: 51; text-align: left; }
#magazineItems #magazineItemsText a:link, #magazineItems #magazineItemsText a:visited { color: #4282C3; }
#magazineItems #magazineItemsText a:hover, #magazineItems #magazineItemsText a:focus { color: #06f; }

#magazineItems #magazineItemsText ul { margin: 0px; padding-top: 3px; }
#magazineItems #magazineItemsText ul li { margin: 0px 0px 9px 0px; font-size: 10px; line-height: 12px; text-align: right; }

#magazineItems #magazineItemsImage { width: 117px; height: 155px; padding: 3px; overflow: hidden; float: left; z-index: 50; }

#magazineItems #magazineItemsImage a { width: 117px; height: 156px; display: block; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.7); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.7); box-shadow: 0px 0px 3px rgba(0,0,0,.7); }
#magazineItems #magazineItemsImage a img { width: 115px; height: 154px; border: 1px solid #000; }
/* --- BREADCRUMB styles ---------------------------- */
p.breadcrumb { height: 24px; margin: 10px 0px 0px; padding: 0px 7px; clear: both; color: #62656b; font-size: 11.5px; line-height: 24px; background: #dee0e4 url("http://media.mergeonline.com/designimages/mo_breadcrumbBg.png") repeat-y 100% 100%; }
p.breadcrumb span.page { color: #30333a; }

/*_________________________________________________________________________________
		FOOTER LAYOUT
===================================================================================*/
div#footer { padding-top: 10px; position: relative; background-color: #fff; }

div#innerFooter { margin: 0px -1px -1px -1px; padding: 5px 0px 2px; border: 1px solid #30333a; clear: both; text-align: center; background-color: #62656b; }

div#footer p { margin: 5px 0px 10px; color: #fff; font-size: 11.5px; line-height: 14px; }
div#footer p a:link { color: #fff; }
div#footer p a:visited { color: #dee0e4; }
div#footer p a:hover { color: #fff; text-shadow: 0px 0px 3px rgba(48,51,58,.75); }

div#footer p#reportBug { width: 90px; height: 23px; margin: 0px; position: absolute; top: 25px; font-weight: bold; font-size: 9px; line-height: 11px; text-transform: uppercase; text-align: center; }
div#footer p#reportBug a { padding: 6px 0px; position: relative; display: block; color: #30333a; background-color: #dee0e4; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5); box-shadow: 1px 1px 2px rgba(0,0,0,.5); -moz-border-radius: 0px 10px 10px 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
div#footer p#reportBug a:hover { text-shadow: none; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000; }
div#footer p#reportBug a:active { top: 1px; background-color: #999b9f; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.6) inset; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.9); box-shadow: 2px 2px 3px rgba(0,0,0,.6) inset; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
p { margin: .5em 0 1em 0; font-size: 13px; line-height: 17.5px; font-family: Arial, Helvetica, sans-serif; }

h1 { margin: 0px 0px 6px 0px; color: #30333a; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; line-height: 22px; }

h2 { margin: 0px 0px 7px 0px; color: #30333a; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; line-height: 17px; }

h3 { margin: 0px 0px 7px 0px; color: #62656b; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 17px; }

h4 { margin: 0px 0px 5px 0px; color: #62656b; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 11px; text-transform: uppercase; }

h5 { margin: 0px 0px 6px 0px; color: #62656b; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; font-size: 12px; line-height: 14px; } /* Author Names */

h6 { margin: 0px 0px 7px 0px; color: #62656b; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 13px; } /* from issue or posted date */

h1 span.oneOf { color: #62656b; font-weight: normal; font-size: 16px; }

/* rss feed icon */
h1.listTitle a { margin: 0px; padding-left: 5px; color: #06f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; text-decoration: none; }
h1.listTitle a img { width: 12px; height: 12px; margin-right: 5px; }
h1.listTitle a:hover:after { content: "Sign up for this RSS Feed"; }
body#homepage h1.listTitle a:hover:after { content: ""; }

sub, sup { margin-left: 1px; position: relative; font-size: .75em; line-height: 2px; vertical-align: baseline; }
sub { top: .25em; }
sup { top: -.5em; }

h1 sup { top: -.6em; font-size: 60%; }

ul, ol { margin: .5em 0 1em; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35em; }
div#col1_content ul, div#col1_content ol { margin-top: 0px; }
div#col1_content ul ul, div#col1_content ol ol { margin: 5px 0px; }
div#col2_content ul { list-style: disc outside; }

li { margin: 0 0 .5em 25px; }

/* - various list class options for editors - */
div#col2_content ol.references { margin-top: 0px; font-size: 11.5px; list-style: decimal outside; }
div#col2_content ol, div#col2_content ol.num { list-style-type: decimal; }
div#col2_content ol.numTwoDigits { list-style-type: decimal-leading-zero; }
div#col2_content ol.roman, div#col2_content ol.romanLower { list-style-type: lower-roman; }
div#col2_content ol.romanUpper { list-style-type: upper-roman; }
div#col2_content ol.alpha, div#col2_content ol.alphaLower { list-style-type: lower-alpha; }
div#col2_content ol.alphaUpper { list-style-type: upper-alpha; }
div#col2_content ul.square { list-style-type: square; }
div#col2_content ul.circle { list-style-type: circle; }

div#col2_content dl { margin-top: -5px; }
div#col2_content dl dt { margin-top: 10px; font-weight: bold; }
div#col2_content dl dd { padding-left: 10px; }

/*_________________________________________________________________________________
		UTILITY STYLES
===================================================================================*/
span.from { color: #73787d; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; }
span.footnote { margin: 3px 0px 8px; padding-top: 3px; display: block; color: #666; font-size: 11px; line-height: 13px; }
span.label { color: #666; }
.weak { color: #62656b; font-weight: normal; font-size: .85em; line-height: 1.25em; }
h1 span.weak { font-size: .7em; }
.attn { color: #900; font-weight: bold; }
.listTitle { margin-bottom: 3px; }
.cursor { cursor: pointer; }
.floatright { margin: 0px 0px 10px 10px; float: right; }
.floatleft { margin: 0px 10px 10px 0px; float: left; }
.clearleft { clear: left; }
.clearright { clear: right; }

a.button:link, a.button:visited { padding: 3px 10px; border: 1px solid #000; display: inline-block; color: #fff; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.5); cursor: pointer; background: url("http://media.mergeonline.com/designimages/mo_blueGradient.gif") repeat-x 50% 50%; }
a.button:hover, a.button:focus { border-color: #666; text-decoration: underline; cursor: pointer; background-position: 50% 40%; }
a.button:active { outline: none; color: #fff; color: rgba(255,255,255,.8); text-shadow: -1px -1px 1px rgba(0,0,0,.8); background-position: 50% 50%; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset; -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.8); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset; }

/*_________________________________________________________________________________
		GENERIC FORM STYLES
===================================================================================*/
#main form { margin: 0px -3px 5px -3px; padding: 5px 3px; overflow: hidden; }

/*form div { margin: 0px -3px; padding: 5px 3px; border-bottom: 1px solid #ccc; display: block; overflow: hidden; clear: left; }*/

form label { width: 140px; padding: 4px 10px 0px 7px; display: block; float: left; clear: left; font-weight: bold; font-size: 13px; text-align: left; vertical-align: top; }

textarea, 
input.text { width: 225px; margin: 0px 0px 10px; padding: 4px 3px; border: 1px solid #000; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 13px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.3); box-shadow: 0px 0px 5px rgba(0,0,0,.3) inset; }
textarea:focus, input.text:focus { border-color: #444; -moz-box-shadow: 0px 0px 6px #4282C3; -webkit-box-shadow: 0px 0px 6px #4282C3; box-shadow: 0px 0px 6px #4282C3; }

form div.checkbox { padding-left: 157px; }
input.checkbox,
form div.checkbox input { margin-right: 7px; float: left; }
form div.checkbox label { width: auto; padding: 0px 10px 0px 20px; float: none; }

textarea { max-width: 300px; height: 100px; max-height: 150px; line-height: 16px; }

select { margin: 0px 5px 0px 0px; }

form div p { margin: 2px 0px 0px; padding-left: 157px; }

form div.submit { padding-left: 157px; border-bottom: 0px none; }
input.submit { padding: 3px 5px; border: 1px solid #000; color: #fff; font-weight: bold; font-size: 13px; text-shadow: 1px 1px 1px rgba(0,0,0,.5); cursor: pointer; background: #4282c3 url("http://media.mergeonline.com/designimages/mo_blueGradient.gif") repeat-x 50% 50%; }
input.submit:hover, input.submit:focus { border-color: #666; text-decoration: underline; cursor: pointer; background-position: 50% 40%; }
input.submit:active { outline: none; color: #fff; color: rgba(255,255,255,.8); text-shadow: -1px -1px 1px rgba(0,0,0,.8); background-position: 50% 50%; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset; -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.8); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset; }

/* -- UTILITY FORM STYLES -- */
form div.text input.error { margin-left: -1px; border: 2px solid #900; }
form div.text input.error:focus { border-color: #900; }
fieldset.error { border: 1px solid #900; }
fieldset.error legend, label.error { color: #900; }

/*p.requiredNotice { color: #666; font-size: 12px; }*/
span.requiredField { margin-right: 2px; color: #900; font-weight: bold; font-size: 14px; }
form label span.requiredField { margin-left: -7px; }
p.helpText { margin: -5px 0px 10px 0px; padding-left: 157px; font-size: 11px; }
p.errorMessage { margin: 0px 0px 10px; padding: 5px 10px; border: 2px solid #900; color: #900; font-weight: bold; font-size: 14px; line-height: 17px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 4px rgba(153,0,0,.8); -webkit-box-shadow: 0px 0px 4px rgba(153,0,0,.8); box-shadow: 0px 0px 4px rgba(153,0,0,.8); }
p.thanks_message, p.thanksMessage { margin: 0px 0px 10px; padding: 5px 10px; border: 1px solid #000; color: #000; font-weight: bold; font-size: 13px; line-height: 17px; text-align: center; background-color: #ff8; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.4); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.4); box-shadow: 0px 1px 4px rgba(0,0,0,.4); }

/* honeypot */
form div.subject, form label#subjectLabel, form input#subject { display: none !important; }

/*_________________________________________________________________________________
		GENERIC TABLE STYLES
===================================================================================*/
table { width: 100%; margin: 5px 0px 10px 0px; color: #000; border-collapse: collapse; }
table th, table td { border: 1px solid #999b9f; font-family: Arial, Helvetica, sans-serif; text-align: left; }
table th { padding: 5px; color: #30333a; font-weight: bold; font-size: 13px; line-height: 15px; vertical-align: bottom; background-color: #dee0e4; }
table tfoot th { vertical-align: top; }
table td { padding: 3px 5px; font-size: 12px; line-height: 14px; vertical-align: middle; background-color: #fff; }

/*_________________________________________________________________________________
		AD STYLES
===================================================================================*/
div#leaderboardAd { width: 800px; height: 92px; margin: 0px auto; padding: 5px 0px; text-align: center; /*display: none;*/ }
div#leaderboardAd div#leaderboardAdLabel { width: 730px; height: 92px; margin: 0px auto; padding: 0px 0px 0px 10px; display: inline-block; text-align: center; background: url("http://media.allured.com/images/advertisment_7x60.gif") 0px 50% no-repeat; }
div#leaderboardAd div#leaderboardAdLabel div.adBackground { width: 728px; height: 90px; margin: 0px; padding: 0px; border: 1px solid #30333a; display: inline-block; overflow: hidden; background-color: #fff; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.4); box-shadow: 0px 0px 3px rgba(0,0,0,.4); }

div.ad { margin: 0px; padding: 15px 0px; background: url("http://media.allured.com/images/advertisment_7x60_h.gif") 50% 4px no-repeat; }
div.ad div.adBackground { margin: 0px; padding: 0px; border: 1px solid #000; /*display: inline-block;*/ overflow: hidden; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.4); box-shadow: 0px 0px 3px rgba(0,0,0,.4);} /* -- this puts a border around any image used in an ad -- */

div.sponsoredLogo { width: 230px; margin: 10px 0px; padding: 10px; border: 1px solid #000; text-align: center; background-color: #fff; }

/*____________________________________________________________________________________________________________
		MAIN STYLES: LIST/DETAIL/GATEWAY PAGES
==============================================================================================================*/
/*_________________________________________________________________________________
		TERTIARY NAV STYLES
===================================================================================*/
/*div.tertiary_nav { margin: 0px -1px; padding: 0px 1px 5px 1px; background: url("http://media.cosmeticsandtoiletries.com/designimages/ct_layout_divider.gif") repeat-x 0 100%; }

div.tertiary_nav h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; color: #6b2312; padding: 3px 10px 14px 10px; margin: 0px; font-weight: bold; background: #fff url("http://media.cosmeticsandtoiletries.com/designimages/ct_tertiary_arrow.gif") no-repeat 0 100%; }

div.tertiary_nav ul { padding: 3px 0px 10px 19px; margin: 0px; background: #ced5e6 url("http://media.cosmeticsandtoiletries.com/designimages/ct_tertiary_structure.gif") no-repeat 19px bottom; }

div#col1_content div.tertiary_nav ul li { padding: 0px 3px 0px 8px; margin: 0px 15px 3px 0px; font-size: 15px; line-height: 22px; background: url("http://media.cosmeticsandtoiletries.com/designimages/ct_tertiary_child.gif") no-repeat 0px 0px; }

div#col1_content div.tertiary_nav ul li a:link { color: #6b2312; }
div#col1_content div.tertiary_nav ul li a:visited { color: #222; }
div#col1_content div.tertiary_nav ul li a:hover { color: #06f; }

div#col1_content div.tertiary_nav ul li.curr_page { color: #6b2312; font-weight: bold; background: #fff; margin-left: 1px; text-indent: -8px; }

div#col1_content div.tertiary_nav ul li.curr_page a { padding-left: 9px; margin-left:-1px; background: url("http://media.cosmeticsandtoiletries.com/designimages/ct_tertiary_child_curr.gif") no-repeat 0 0; }

div#col1_content div.tertiary_nav ul li.curr_page a:link,
div#col1_content div.tertiary_nav ul li.curr_page a:visited { color: #6b2312; }
div#col1_content div.tertiary_nav ul li.curr_page a:hover { color: #06f; }*/

/*_________________________________________________________________________________
		LIST STYLES
===================================================================================*/
div.itemList { clear: both; }

div.itemDeck { margin: 0px; overflow: hidden; }

div.itemDate { padding: 10px 0px 0px; display: block; overflow: hidden; text-align: left; }
div.itemDate h4 { margin: 0px; padding: 0px; }

div.itemDesc { padding: 5px 0px; text-align: left; background: url("http://media.mergeonline.com/designimages/mo_dotted_333.gif") repeat-x -2px 100%; }
div.itemDesc h5 { margin: 0px 0px 3px; }
div.itemDeck h2 { margin: 0px 0px 5px; line-height: 20px; }

div.itemDeck img { margin: 3px 6px 6px 0px; border: 1px solid #62656b; float: left; }
#main div.itemDeck p { margin: 0px 0px 7px 0px; }

/* --- Exceptions to list styles - sponsored, paid, formula etc. ----------- */
div.itemList div.last div.itemDesc { padding-bottom: 0px; background-image: none; }

div.itemList div.sponsored { margin: -1px -10px 0px; padding: 0px 10px; border-top: 1px solid #999b9f; border-bottom: 1px solid #999b9f; background-color: #dee0e4; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.4); box-shadow: 0px 0px 3px rgba(0,0,0,.4); }
div.itemList div.sponsored h4 { margin: 5px -5px -2px; padding: 4px 5px; color: #fff; font-weight: bold; background-color: #345576; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.3); box-shadow: 0px 1px 2px rgba(0,0,0,.3); }
div.itemList div.sponsored div.itemDate h4 { margin: 0px; padding: 0px; color: #62656b; font-weight: normal; background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
div.itemList div.sponsored div.itemDesc { background: none; }

div.itemList div.first.sponsored { margin-top: 0px; }

div.itemList div.video.gallery div.itemDesc h2 { padding-left: 45px; background: url("http://media.allured.com/designimages/video_and_photo_icon.png") no-repeat 0% 50%; }
div.itemList div.gallery div.itemDesc h2 { padding-left: 25px; background: url("http://media.allured.com/designimages/photo_gallery_icon.png") no-repeat 0% 50%; }
div.itemList div.video div.itemDesc h2 { padding-left: 20px; background: url("http://media.allured.com/designimages/video_icon.png") no-repeat 0px 4px; }

/*_________________________________________________________________________________
		MOST POPULAR STYLES
===================================================================================*/
div#mostReadList { margin: 0px; padding: 10px 10px 4px 10px; border: 1px solid #999b9f; background-color: #dee0e4; }

div#mostReadList h2 { margin-bottom: 0px; }

div#mostReadList div.mostReadItem { margin: 0px; padding: 3px 0px 0px 0px; border-top: 1px solid #fff; overflow: hidden; clear: both; }
div#mostReadList div.mostReadItem.first { padding-top: 6px; border-top: none; }

div#mostReadList p.mostReadCount { width: 35px; height: 14px; margin: 3px 6px 6px 0px; padding: 1px 0px 12px; display: inline; float: left; font-weight: bold; font-size: 14px; line-height: 14px; text-align: center; background: #fff url("http://media.allured.com/designimages/most_views_bg.gif") no-repeat 50% 17px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div#mostReadList p.mostReadNum { margin: 3px 6px 6px 0px; width: 30px; display: inline; float: left; font-weight: bold; font-size: 14px; line-height: 14px; text-align: right; }

div#mostReadList p.mostReadLink { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 42px; }

/*_________________________________________________________________________________
		ARTICLE DETAIL PAGE STYLES
===================================================================================*/
div#buttons { margin: 0px 0px 7px 0px; line-height: 10px; }

div#buttons a { font-size: 10px; line-height: 13px; }
div#buttons a:link, div#buttons a:visited { color: #4284c3; }
div#buttons a:hover { color: #06f; }

div#buttons a.emailThis { margin-right: 10px; padding: 0px 0px 0px 18px; background: url("http://media.allured.com/designimages/email_icon.gif") no-repeat left bottom; }
div#buttons a.printThis { padding: 0px 0px 0px 18px; background: url("http://media.allured.com/designimages/print_icon.gif") no-repeat left bottom; }

/* --- ARTICLE ADD-ONS ------------------ */
div#articleExtras { width: 214px; margin: 0px 0px 10px 12px; padding: 0; border-color: #999b9f; border-style: solid; border-width: 0px 2px 2px; float: right; background-color: #fff; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.25); box-shadow: 0px 0px 5px rgba(0,0,0,.25); }

div#articleExtras div { margin: 0px; padding: 6px; border-top: 2px solid #999b9f; background-color: #fff; } /*  applies to both div#image and any div.addOn  */

div#articleExtras div#articleImage { text-align: center; } 
div#articleExtras div#articleImage img { border: 1px solid #62656b; }
div#articleExtras div#articleImage p { margin: 6px 0px 0px; font-size: 11px; line-height: 15px; } /* image captions */

div#articleExtras div h2 { margin: 0px; padding: 0px; }

div#articleExtras div#gallery h2.gallery { padding-left: 25px; background: url("http://media.allured.com/designimages/photo_gallery_icon.png") no-repeat 0% 50%; }
div#articleExtras div#video h2.video { padding-left: 20px; background: url("http://media.allured.com/designimages/video_icon.png") no-repeat 0px 4px; }

div#articleExtras div ul { margin: 0px 0px 3px 0px; list-style-type: none; }
div#articleExtras div li { margin: .5em 0px 0px 0px; line-height: 1.25em; color: #000; }

/* ------- Sponsored Article Styles ----------- */
div.disclaimer { margin: 0px 0px 7px; padding: 4px 0px; background-color: #345576; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.8); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.8); box-shadow: 0px 1px 2px rgba(0,0,0,.8); }
div.disclaimer p { margin: 0px; padding: 0px; color: #fff; font-weight: bold; font-size: 11px; line-height: 10px; text-transform: uppercase; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.4); }

div#disclaimer { margin: 10px 0px 0px; padding: 7px 0px 0px; border-top: 1px solid #95989a; clear: both; }
div#disclaimer p { color: #95989a; }

div#col3_content div#sponsorInfo { margin-top: 10px; padding: 5px; border-bottom: 1px solid #95989a; overflow: hidden; text-align: center; background-color: #fff; }
div#col3_content div#sponsorInfo h2 { text-align: center; }
div#col3_content div#sponsorInfo img { max-width: 240px; }
div#col3_content div#sponsorInfo h3 { width: 100%; margin: 10px 0px 2px; padding-top: 5px; border-top: 1px solid #95989a; display: inline-block; text-align: left; }
div#col3_content div#sponsorInfo p { margin: 5px 0px; text-align: left; }

/* --- PAGINATION styles ----------------------------------------------------------- */
div#pagination { margin: 5px 0px; padding: 5px 0px; clear: right; text-align: center; }

/* this is the style for a disabled button */
div#pagination span { padding: 2px 5px; border: 1px solid #999b9f; color: #999b9f; font-size: 11px; line-height: 11px; text-decoration: none; background-color: #fff; }

/*this is for the majority of the page #'s */
div#pagination a span { border: 1px solid #30333a; color: #30333a; text-decoration: none; background-color: #fff; }

div#pagination a { text-decoration: none; } /*without this it adds an underline below the box which looks really weird*/
div#pagination a:hover span { color: #fff; text-decoration: underline; background-color: #4282c3; }
div#pagination span.curr_page { border: 1px solid #30333a; color: #fff; font-weight: bold; background-color: #345576; }

/* --- AUTHOR BIOS styles  --------------------------------------------------- */
div#authorBio { margin: 20px 10px; padding: 10px 10px 1px; border-bottom: 1px solid #999b9f; border-top: 1px solid #999b9f; overflow: hidden; clear: both; -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.3); box-shadow: 0px 0px 7px rgba(0,0,0,.3); }

div#headshot, div#product { width: 120px; margin: 0px 0px 7px 10px; padding: 5px; border: 1px solid #62656b; float: right; }
div#authorBio div#product p, div#authorBio div#headshot p { margin: 6px 0 0; font-size: 11px; line-height: 15.5px; text-align: center; }
/* - not sure if we ended up using this or not - */
div#product h3 { text-align: center; }

/* --- RELATED CONTENT styles  --------------------------------------------------- */
div#related { margin: 10px 0px; border-color: #999b9f; border-style: solid; border-width: 2px 2px 0px; overflow: hidden; clear: both; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.25); box-shadow: 0px 0px 5px rgba(0,0,0,.25); }

div#related div { padding: 7px 12px; border-bottom: 2px solid #999b9f; overflow: hidden; }

div#related div#contentItems h2 { margin: 0px; line-height: 16px; }

div#related div#contentItems ul { margin: 0px; list-style: none; }
div#related div#contentItems ul li { margin: 10px 0px 0px 0px; color: #62656b; font-style: italic; font-size: 11px; line-height: 15px; }
div#related div#contentItems ul li a { font-style: normal; font-size: 13px; }

div#related div#categoryListWrapper p#categoryList { margin: 0px; padding-left: 7.6em; color: #30333a; font-weight: bold; font-size: 12px; line-height: 15px; text-indent: -7.6em; } /* this creates a hanging indent the width of "categories:" */
div#related div#categoryListWrapper p#categoryList a { font-weight: normal; }

/*____________________________________________________________________________________________________________
		PAGE-SPECIFIC STYLES
==============================================================================================================*/
/*_________________________________________________________________________________
		HOMEPAGE 
===================================================================================*/
/* hiding fake ad during development */
body#homepage #col3 div.ad { display: none; }

/* --- CAROUSEL styles  ---------------------------- */
div#carousel { width: 339px; margin-bottom: 15px; }

div#stage { width: 337px; height: 218px; border: 1px solid #000; overflow: hidden; }

div#stage div.wrapper { width: 337px; height: 218px; position: relative; top: 0px; left: 0px; overflow: hidden; }

div#carousel div.slide { width: 337px; height: 218px; border: 1px solid #000; position: absolute; top: -1px; left: -1px; overflow: hidden; z-index: 20; background-color: #fff; }

div#carousel div.topSlide { z-index: 500; }
div#carousel div.btmSlide { z-index: 490; }

div#carousel div.slide div.thumbnail { width: 200px; position: absolute; top: 0px; left: 0px; }
div#carousel div.slide div.thumbnail a { display: block; }

div#carousel div.slide div.copy { width: 139px; height: 220px; padding: 10px 0px; position: absolute; top: -10px; left: 200px; overflow: hidden; background-color: #fff; -moz-box-shadow: -5px 0px 7px #fff; -webkit-box-shadow: -5px 0px 7px #fff; box-shadow: -5px 0px 7px #fff; }

div#carousel div.slide div.copy a { display: block; text-decoration: none; }

div#carousel div.slide div.copy h2 { margin: 0px; }
div#carousel div.slide div.copy h2 a { padding: 10px 10px 4px; }
div#carousel div.slide div.copy p { margin: 0px; }
div#carousel div.slide div.copy p a { min-height: 175px; padding: 3px 10px 10px; }

div#carousel div.slide:hover div.copy a,
div#carousel div.slide div.copy:hover a,
div#carousel div.slide div.copy h2 a:hover,
div#carousel div.slide div.copy p a:hover { color: #06f; text-decoration: underline; }

/* --- CAROUSEL Controls  ---------- */
div#carousel div#controls { height: 30px; border: 1px solid #000; border-top: 0px none; display: none; position: relative; z-index: 502; background-color: #62656b; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.4) inset; box-shadow: 0px 0px 3px rgba(0,0,0,.4) inset; }

div#controls p { margin: 0px; padding: 0px; cursor: pointer; }
div#controls p span { display: block; }

div#controls p.jumpTo { width: 25px; height: 24px; border-style: solid; border-color: #000; border-width: 0px 1px 1px; position: absolute; top: 0px; z-index: 30; text-align: center; text-shadow: 0px 1px 3px rgba(0,0,0,.8); background-color: #62656b; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.45) inset; box-shadow: 0px 0px 5px rgba(0,0,0,.45) inset; }
div#controls p.jumpTo span { width: 25px; height: 24px; margin: 0px; padding: 0px; display: block; float: none; color: #dee0e4; font-weight: normal; font-size: 15px; line-height: 24px; text-decoration: none; background-color: transparent; }
div#controls p.jumpTo span:hover { color: #fff; background-color: #999b9f; }

div#controls p.current { height: 26px; border-color: #fff; top: -2px; z-index: 510; text-shadow: 1px 1px 1px rgba(0,0,0,.35); background-color: #fff; -moz-box-shadow: 0px 2px 2px #000; -webkit-box-shadow: 0px 2px 2px #000; box-shadow: 0px 2px 2px #000; }
div#controls p.current span { height: 26px; color: #30333a; font-weight: bold; line-height: 28px; }
div#controls p.current span:hover { color: #30333a; background-color: transparent; }

div#controls p#jumpButton1 { left: 201px; }
div#controls p#jumpButton2 { left: 227px; }
div#controls p#jumpButton3 { left: 253px; }
div#controls p#jumpButton4 { left: 279px; }
div#controls p#jumpButton5 { left: 305px; }

div#controls p.skip,
div#controls p.pp { width: 20px; height: 20px; position: absolute; top: 5px; background-position: 0px 0px; background-repeat: no-repeat; }

div#controls p.skip span,
div#controls p.pp span {
	padding: 1px 4px 0px;
	border-style: solid;
	border-color: #000;
	border-width: 1px 1px 0px;
	position: relative;
	top: -15px;
	display: none;
	z-index: 520;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	background-color: #62656b;
	-moz-box-shadow: 0px -1px 1px rgba(0,0,0,.6);
	-webkit-box-shadow: 0px -1px 1px rgba(0,0,0,.6);
	box-shadow: 0px -1px 1px rgba(0,0,0,.6);
}

div#controls p#previous { left: 62px; background-image: url("http://media.mergeonline.com/designimages/mo_cPrev.gif"); }
div#controls p#previous span { left: -9px; }

div#controls p#play { left: 89px; z-index: 511; background-image: url("http://media.mergeonline.com/designimages/mo_cPlay.gif"); }
div#controls p#play span { left: -7px; }

div#controls p#pause { left: 89px; z-index: 512; background-image: url("http://media.mergeonline.com/designimages/mo_cPause.gif"); }
div#controls p#pause span { left: -12px; }

div#controls p#next { left: 116px; background-image: url("http://media.mergeonline.com/designimages/mo_cNext.gif"); }
div#controls p#next span { left: -8px; }

/* --- COLUMN 3 styles  ------------------------- */
body#homepage #col3_content { padding: 0px 10px 5px; }

body#homepage #col3_content div.itemList div.first div.itemDate { padding-top: 0px; }

div#upcomingEvents { margin: 0px 0px 10px; padding: 5px 10px 2px; border: 1px solid #999b9f; background-color: #dee0e4; }

div#upcomingEvents ul { margin: 0px; padding: 0px; display: block; list-style: none; }
div#upcomingEvents ul li { margin: 5px 0px; padding: 0px 0px 5px; overflow: hidden; color: #30333a; font-size: 12px; background: url("http://media.mergeonline.com/designimages/mo_dotted_333.gif") repeat-x -2px 100%; }
div#upcomingEvents ul li.last { padding: 0px; font-weight: bold; background: transparent; }
div#upcomingEvents ul li span { margin-top: 3px; display: block; }
div#upcomingEvents ul li span.eventDate { margin-top: 0px; font-weight: bold; line-height: 12px; text-transform: uppercase; }
div#upcomingEvents ul li span.eventLocation { color: #62656b; }

div#upcomingEvents p { margin: 5px; }

/*_________________________________________________________________________________
		EVENTS - CALENDAR OF EVENTS: body#Events 
===================================================================================*/
body#Events #col1_content { padding: 0px 10px; }

body#Events #col1_content h2 { margin: 5px 0px 0px; }
body#Events #col1_content p { margin: 5px 0 0; }

body#Events #col1_content ul { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #62656b; }
body#Events #col1_content ul li { margin: 3px 0 5px 5px; }

body#Events #col1_content a:link,
body#Events #col1_content a:visited { color: #4282c3; }
body#Events #col1_content a:hover { color: #06f; }

body#Events #col1_content h3 + p { color: #30333a; }

/*_________________________________________________________________________________
		SORTABLE TABLES - used in Calendar of events
===================================================================================*/
table.sortableTable td { padding: 6px; border-color: #999B9F; border-style: solid; border-width: 0px; vertical-align: top; }

/* ------- table header-width styles --------- */
table.sortableTable thead th#calName { width: auto; }
table.sortableTable thead th#calType { width: 100px; }
table.sortableTable thead th#calLocation { width: 151px; }
table.sortableTable thead th#calDate { width: 102px; text-align: center; }

/* ------- table header styles --------- */
table.sortableTable thead th { padding: 0px; }

table.sortableTable thead th a { width: 100%; padding: 7px 0px; display: block; text-indent: 7px; }
table.sortableTable thead th a:link,
table.sortableTable thead th a:visited { color: #4282c3; }
table.sortableTable thead th a:hover { color: #06f; }

table.sortableTable thead th.ascending a span { width: 15px; height: 12px; position: absolute; background: url("http://media.mergeonline.com/designimages/mo_sortArrowUp.gif") no-repeat right 60%; }
table.sortableTable thead th.descending a span { width: 15px; height: 12px; position: absolute; background: url("http://media.mergeonline.com/designimages/mo_sortArrowDown.gif") no-repeat right 55%; }

table.sortableTable thead th#calDate a { text-indent: 0px; }
/*  since date is the only centered header, and the span is not counted towards this, we must move it all over by half the width of the sorted arrow  */
table.sortableTable thead th#calDate.ascending a,
table.sortableTable thead th#calDate.descending a { text-indent: -7px; }

/* ------- table event:row1 styles --------- */
table.sortableTable tr.eventListingLine1 td { padding-top: 10px; }

table.sortableTable tr.eventListingLine1 td.eventTitle { color: #4282c3; font-weight: bold; }
table.sortableTable tr.eventListingLine1 td.eventType { color: #62656b; font-size: 11px; line-height: 11px; text-transform: uppercase; }
table.sortableTable tr.eventListingLine1 td.eventDate { font-weight: bold; text-align: center; }

/* ------- table event:row2 styles --------- */
table.sortableTable tr.eventListingLine2 td { padding-bottom: 10px; border-bottom-width: 1px; }

table.sortableTable tr.eventListingLine2 td.eventDescription { padding-left: 16px; }
table.sortableTable tr.eventListingLine2 td.eventContactInfo {  }

/* ------- highlighting allured events --------- */
table.sortableTable tr.alluredEvent td { background-color: #f2f2f5; }

/*_________________________________________________________________________________
		ADD EVENT FROM STYLES: body#Events-AddEvent
===================================================================================*/
form#addEvent { width: 400px; }

form#addEvent div#eventStart, form#addEvent div#eventEnd { padding: 5px 0px; display: block; overflow: hidden; clear: left; }

form#addEvent textarea { max-width: 230px; }

form#addEvent input#addEventSubmit { position: relative; left: 157px; display: block; }
/*_________________________________________________________________________________
		MAGAZINE GATEWAY AND SITE SECTION
===================================================================================*/
/* - col 1 items - */
div#col1_content div#subItems, 
div#col1_content div#advItems,
div#col1_content div#recentIssues { margin-bottom: 10px; padding: 5px 10px 2px; border: 1px solid #999b9f; background-color: #dee0e4; }

div#col1_content div#subItems h1, 
div#col1_content div#advItems h1,
div#col1_content div#recentIssues h1 { font-weight: bold; font-size: 18px; line-height: 20px; }

div#col1_content div#subItems h2, 
div#col1_content div#advItems h2,
div#col1_content div#recentIssues h2 { margin-bottom: 2px; font-size: 13.5px; line-height: 16px; }

div#col1_content div#subItems p, 
div#col1_content div#advItems p,
div#col1_content div#recentIssues p { margin-top: 0px; font-size: 12px; line-height: 14px; }

div#col1_content div#subItems ul { margin-bottom: 5px; }
div#col1_content div#subItems ul li { margin: 0px; font-size: 12px; line-height: 20px; }

div#recentIssues ul li.issue { margin: 0px; font-weight: bold; font-size: 14px; } /*this should be the same as the other h2's in this column */
div#recentIssues ul li.blurbs { margin: 0px 0px 10px 0px; line-height: 1.25em; }

/* - col 2 items - */
div#magazineInfo, div#currentIssue, div#comingSoon { display: block; clear: both; overflow: hidden; }
div#magazineInfo, div#currentIssue { margin-bottom: 12px; border-bottom: 2px solid #999b9f; }

div#currentIssue a.currentIssueCover { width: 117px; height: 173px; margin: 0px 0px 4px 10px; float: right; background: url("http://media.allured.com/designimages/si_view_toc_text.gif") no-repeat 50% 50%; }
div#currentIssue a.currentIssueCover img { border: 1px solid #000; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.7); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.7); box-shadow: 0px 0px 3px rgba(0,0,0,.7); }
div#currentIssue a.currentIssueCover:hover { background-position: 50% 100%;}

div#comingSoon div { width: 205px; margin-left: -1px; padding: 0px 0px 0px 10px; border-left: 1px solid #999b9f; float: left; }
div#comingSoon div.nextIssue { margin: 0px; padding: 0px 10px 0px 0px; border-left: none; border-right: 1px solid #999b9f; }
div#comingSoon div img { width: 115px; margin: 0px 10px 0px 0px; float: left; }
div#comingSoon div h2 { margin: 0px; }
div#comingSoon div p { margin: 5px 0px 3px 0px; color: #30333a; line-height: 15px; }
div#comingSoon h2.subOffer { margin: 10px 0px; display: block; clear: both; }

/* --- Past Issues -------------------------------------------------------------------------------- */
div#pastIssues p.jumpMenu { margin: 6px 0px 10px 0px; color: #000; font-size: 14px; }

div#pastIssues div.issueYear { width: 701px; margin: -2px 0px 0px; padding: 6px 0px 15px; border-top: 2px solid #999b9f; border-bottom: 2px solid #999b9f; overflow: hidden; clear: left; }

div#pastIssues div.issueYear h2 { margin: 0px; line-height: 15px; }

div#pastIssues div.issueYear div { width: 227px; height: 158px; margin: 10px 10px 0px 0px; float: left; background: #fff url("http://media.allured.com/designimages/cover_art_bg_153.gif") no-repeat 1px 1px; }
div#pastIssues div.issueYear div:hover { background-color: #dee0e4; }
div#pastIssues div.issueYear div img { width: 115px; margin: 0px 5px 0px 0px; border: 1px solid #000; float: left; }
div#pastIssues div.issueYear div h2 { margin: 0px; padding: 2px 0px 0px 122px; font-size: 14px; line-height: 17px; }

div#pastIssues div p { margin: 7px 0px 2px 0px; padding: 0px 2px 0px 122px; color: #30333a; font-size: 11px; line-height: 11px; }

div#pastIssues div.issueYear div.issue3, div#pastIssues div.issueYear div.issue6, div#pastIssues div.issueYear div.issue9, div#pastIssues div.issueYear div.issue12 { margin-right: 0px; }
div#pastIssues div.issueYear div.issue4, div#pastIssues div.issueYear div.issue7, div#pastIssues div.issueYear div.issue10 { clear: left; }

/* --- TOC Styles -------------------------------------------------------------------------------- */
div#TOC { padding-bottom: 10px; overflow: hidden; }

div.issueNavigation { width: 200px; margin-bottom: 5px; overflow: hidden; float: right; }
div.issueNavigation p.prevIssue { margin: 0px; float: left; text-transform: uppercase; }
div.issueNavigation p.nextIssue { margin: 0px; float: right; text-transform: uppercase; }

div#TOC div#issueExtras { width: 212px; margin: 0px 0px 10px 10px; float: right; clear: right; background-color: #fff; }
div#TOC div#issueExtras img { width: 200px; height: 268px; margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #000; float: right; }
div#TOC div#issueExtras #webExclusives h3, div#TOC h3.articleTitle { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 15px; font-weight: normal; }

div#TOC h2 { margin: 15px 0px 6px 0px; padding-top: 6px; background: url("http://media.mergeonline.com/designimages/mo_dotted_333.gif") repeat-x -2px -2px; }

div#TOC h5 { padding: 0px 0px 0px 15px; font-size: 11px; } 

/*_________________________________________________________________________________
		ADVERTISING STYLES  body#Advertising
===================================================================================*/
/*div.adSection { margin-bottom: 12px; border-bottom: 2px solid #999b9f; }*/

div#mediakit { width: 182px; margin: 0px 0px 10px 10px; padding: 10px; border: 2px solid #999b9f; float: right; text-align: center; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3); }

/*div#mediakit a { text-decoration: none; }
div#mediakit a span { text-decoration: underline; font-size: 11px; }
div#mediakit p { margin-bottom: 0px; font-size: 11px; }
div#mediakit p a { text-decoration: underline; }*/
div#mediakit img { border: 1px solid #000; text-decoration: none; }

/*body#Advertising div#col2 div.adExample { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000; text-align: center; }
body#Advertising div#col2 div.last { border-bottom: 0px none; margin-bottom: 0px; }
body#Advertising div#col2 div.adExample img { border: 1px solid #000; }*/

/*_________________________________________________________________________________
		CONTACT US STYLES
===================================================================================*/
body#ContactUs div.contactGroup { margin-bottom: 12px; padding-top: 10px; border-top: 2px solid #999b9f; display: block; clear: both; }

div.contactGroup p { margin-top: 0px; padding-top: 3px; border-top: 1px solid #dee0e4; }

div.contactGroup p.contactExtras { width: 225px; margin-left: 10px; padding-top: 3px; border-top: 0px none; float: right; clear: right; color: #62656b; }

div.contactGroup p + p,
div.contactGroup h2 + p { padding-top: 0px; border-top: 0px none; }
div.contactGroup p.contactExtras + p { padding-top: 3px; border-top: 1px solid #dee0e4; }

div.contactGroup h2 { clear: both; }

/* --- feedback form:  div#feedbackForm   ------------------------------------------------ */
body#ContactUs #col1_content { padding: 7px 10px; }

#feedbackForm label { width: auto; padding: 0px 0px 2px; display: block; float: none; font-weight: bold; font-size: 13px; }

#feedbackForm input { margin-bottom: 10px; display: block; }

#feedbackForm p { margin: 5px 0px; clear: both; }
#feedbackForm p.thanks_message { margin: 0px 0px 10px; }

#feedbackForm p#helpText { margin: -5px 0px 10px 0px; padding: 0px; font-size: 11px; }

#feedbackForm textarea { max-width: 236px; max-height: 300px; margin-bottom: 10px; }

#feedbackForm input#feedbackSubmit { width: 70px; margin: 0px; display: block; }
/*form#feedbackForm input#feedbackSubmit:hover { border-color: #666; cursor: pointer; }*/

/*_________________________________________________________________________________
		BOOKSTORE STYLES
===================================================================================*/

/*_________________________________________________________________________________
		FAQ STYLES
===================================================================================*/

/*_________________________________________________________________________________
		SITEMAP STYLES
===================================================================================*/

/*_________________________________________________________________________________
		NEWSLETTER / RSS STYLES: body#Newsletter-RSS
===================================================================================*/
ul#pastNewsletters li { margin-left: 0px; }
ul#pastNewsletters li span { color: #62656b; font-size: 11px; }

form#nlSignup { width: 400px; padding-top: 0px; }

form#nlSignup input.checkbox { display: none; }
form#nlSignup input#nlSubmit { position: relative; left: 157px; display: block; }

body#Newsletter-RSS #col1_content, body#Newsletter-RSS #col3_content { padding: 0px 10px; }

body#Newsletter-RSS #col3_content ul li { margin: 0px 0px 10px 10px; }
body#Newsletter-RSS #col3_content ul li a { padding-left: 18px; background: url("http://media.allured.com/designimages/feed-icon-12x12.gif") no-repeat 0px 3px; }

/*_________________________________________________________________________________
		OUR SERP - google site search results page
===================================================================================*/
body#Search div#col2_content iframe { width: 100%; }

/*_________________________________________________________________________________
		DEV STUFF
===================================================================================*/
div#devHeader { width: 540px; border-width: 0px 1px 1px; border-style: solid; border-color: #000; position: fixed; top: 0px; left: 10px; display: block; z-index: 1000; text-align: center; background-color: #9cf; background-color: rgba(153,204,255,.95); -moz-border-radius: 0px 0px 10px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-radius: 0px 0px 10px 10px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.8); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.8); box-shadow: 0px 1px 4px rgba(0,0,0,.8); }

div#devHeader p#devDivClose { margin: 0px; position: absolute; top: 4px; right: 10px; font-size: 12px; }
div#devHeader p#devDivClose a:link, div#devHeader p#devDivClose a:visited { color: #027; }
div#devHeader p#devDivClose a:hover { color: #900; }

div#devHeader h1 { width: 300px; margin: 0px; float: left; color: #027; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; text-align: left; text-indent: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
body#splash div#devHeader h1 { height: auto; background: none; }
div#devHeader p#toggleText { height: 24px; margin: 0px; float: left; font-size: 12px; line-height: 24px; text-align: left; }
div#devHeader p#toggleText a#toggleLink { width: 100px; padding-left: 15px; display: block; color: #027; background-position: 0 7px; background-repeat: no-repeat; background-image: url("http://media.allured.com/designimages/expand_icon.gif"); }
div#devHeader p#toggleText a#toggleLink:hover { color: #06f; }
div#devHeader p#toggleText.expanded a#toggleLink { background-image: url("http://media.allured.com/designimages/collapse_icon.gif"); }

div#devHeader div#collapse { width: 500px; margin: 0px auto; padding: 5px 0px 7px; border-top: 1px solid #000; display: none; clear: both; text-align: left; }
div#devHeader div#collapse div { width: 230px; padding: 5px; display: inline-block; overflow: hidden; vertical-align: top; background-color: #6af; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.8); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.8); box-shadow: 2px 2px 3px rgba(0,0,0,.8); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div#devHeader div#collapse div:first-child { margin-right: 10px; }
div#devHeader div#collapse div h2 { color: #000; letter-spacing: 1px; }
div#devHeader div#collapse div ul { margin-bottom: 0px; } 
div#devHeader div#collapse div ul li { margin: 0px 0px 4px 15px; }
div#devHeader div#collapse div ul li span { color: #555; font-size: 10.5px; }
div#devHeader div#collapse p { margin: 7px 0px 0px; padding-top: 5px; border-top: 1px solid #000; display: block; color: #000; text-shadow: 0px 0px 2px rgba(0,0,0,.2); }
div#devHeader div#collapse p a { color: #027; }
div#devHeader div#collapse p a:hover { color: #06f; }

/* -------- debugging Styles -------- */
h1.debug { color: #900; font-size: 12px; }
body#AdTest div#col1_content { padding: 0px 5px; }
code { font-weight: bold; font-family:"Courier New", Courier, monospace; color: #160; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a:link { color: #4282C3; }
a:visited { color: #345576; }
a:hover, a:focus { color: #06f; }
a:active { color: #345576; }
a img { border: none; text-decoration: none; }