/** TextMarks Web 3 Framework CSS Style Sheet. ---------------------------------------------------------------------------  --------------------------------------------------------------------------- Copyright (c) 2010, TextMarks Inc. --------------------------------------------------------------------------- */
/** */
/** TextMarks Web 3 TM Global SCSS Include Style Sheet. ---------------------------------------------------------------------------  --------------------------------------------------------------------------- Copyright (c) 2011, TextMarks Inc. --------------------------------------------------------------------------- */
/** */
/* --------------------------------------------------------------------------- CONSTANTS */
/* --------------------------------------------------------------------------- TEXTMARKS SPECIFIC MIXINS */
/* --------------------------------------------------------------------------- GENERIC MIXINS */
/* --------------------------------------------------------------------------- HTML REBOOT */
body { margin: 0; padding: 0; background: #bbccdd url("../images/template/bg/background.gif") repeat-x; }

table { border-collapse: collapse; }

td { padding: 0; }

form { margin: 0; padding: 0; }

input { margin: 0; padding: 0; }

a img { border: none; color: #e51; }

ul { margin: 0; }

/* --------------------------------------------------------------------------- GLOBAL STYLES */
.vmargin { margin-top: 5px; margin-bottom: 5px; }

.vmargin2 { margin-top: 10px; margin-bottom: 10px; }

.vmargin3 { margin-top: 15px; margin-bottom: 15px; }

.clearfloat { clear: both; }

.clearfloat0 { clear: both; height: 0; /* fix for IE render issues */ }

/* --------------------------------------------------------------------------- PAGE FRAMEWORK STYLES */
#page_wrap { margin-left: auto; padding-left: 0; width: 980px; padding-right: 0; margin-right: auto; }

#page_header { clear: both; float: left; width: 100%; position: relative; height: 100px; }

#page_body { clear: both; float: left; width: 100%; border-left: 4px solid white; padding-left: 0px; width: 972px; padding-right: 0px; border-right: 4px solid white; border-bottom: 4px solid white; background: white url("../images/template/content/content-bottom-back.gif") repeat-x bottom; min-height: 300px; }

#page_footer { clear: both; float: left; width: 100%; text-align: center; }

/* --------------------------------------------------------------------------- PAGE HEADER + NAVIGATION STYLES */
#page_logo_banner { position: absolute; left: 20px; top: 5px; }

#page_logo_tagline { position: absolute; left: 33px; top: 72px; }

#page_head_loggedin { position: absolute; right: 0px; top: 20px; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #fff; text-shadow: #444 1px 1px 1px; }

#page_head_loggedin table td { padding: 0 5px; }

#page_head_loggedin a { color: #fff; text-decoration: none; }

#page_nav_tabs_holder { position: absolute; right: 0px; top: 67px; background: url("../images/template/nav/navbar-bottom.gif") repeat-x bottom; width: 100%; height: 33px; }

#page_nav_tabs { margin: 0; float: right; padding: 0; list-style-type: none; }

#page_nav_tabs li { float: left; background-repeat: no-repeat; width: 90px; text-align: center; font-family: arial, sans-serif; font-size: 13px; font-weight: bold; margin: 0 3px; position: relative; top: 1px; height: 29px; background: url("../images/template/nav/tab-inactive.png"); text-shadow: #eee 1px 1px 1px; }

#page_nav_tabs li:hover { position: relative; top: 0px; height: 30px; }

#page_nav_tabs li a { position: relative; top: 9px; padding: 5px 20px; color: #444; text-decoration: none; }

#page_nav_tabs li a.long { padding: 5px 10px; }

#page_nav_tabs li a:hover { text-decoration: underline; }

#page_nav_tabs li.long { background: url("../images/template/nav/tab-long-inactive.png"); width: 220px; }

#page_nav_tabs li.active { position: relative; top: 0px; height: 30px; background: url("../images/template/nav/tab-active.png"); text-shadow: #444 1px 1px 1px; }

#page_nav_tabs li.active a { color: #eee; text-decoration: none; }

#page_nav_tabs li.active a:hover { text-decoration: underline; }

#page_nav_tabs li.long.active { background: url("../images/template/nav/tab-long-active.png"); width: 220px; }

/* --------------------------------------------------------------------------- PAGE BODY */
#page_body > div > div.default_padding { float: left; width: 960px; padding-top: 10px; padding-bottom: 25px; padding-left: 6px; padding-right: 6px; }

#page_body > div > div.web2_padding { float: left; width: 872px; padding-top: 10px; padding-bottom: 25px; padding-left: 50px; padding-right: 50px; }

#page_body > div > div.custom_padding { float: left; }

#page_body > div > div.nomargin_padding { float: left; width: 980px; margin-left: -4px; }

/* --------------------------------------------------------------------------- PAGE FOOTER */
#page_footer_social { margin-top: 25px; text-align: center; }

#page_footer_social a { margin-right: 20px; }

#page_footer_nav { color: #458; font-family: arial, sans-serif; font-size: 11px; margin: 20px 0; }

.page_footer_link_row { margin: 5px 0; }

.page_footer_link_row.uses { margin: 15px 0; }

#page_footer_nav a { color: #395a7d; }

#page_footer_nav a:hover { color: #67a; }

#page_footer_carriers { color: #6987b4; font-family: arial, sans-serif; font-size: 11px; margin-top: 10px; }

#page_footer_copyright { color: #6987b4; font-family: arial, sans-serif; font-size: 11px; margin-top: 10px; margin-bottom: 10px; }

/* --------------------------------------------------------------------------- PAGE NOTIFICATIONS */
#page_notifications { background: #fff; box-shadow: 0px 1px 4px #444444; -moz-box-shadow: 0px 1px 4px #444444; -webkit-box-shadow: 0px 1px 4px #444444; behavior: url("/static_media/css/PIE.htc"); }
#page_notifications div.notification { display: none; /* animates fade in. */ opacity: 0.0; /* animates fade in. */ }
#page_notifications div.notification table.notification { width: 100%; background: #cec; border-bottom: 1px solid #666; }
#page_notifications div.notification table.notification td.left { width: 100px; }
#page_notifications div.notification table.notification td.content { padding: 8px 10px; font-family: arial, sans-serif; font-size: 20px; font-weight: bold; color: #333; text-align: center; }
#page_notifications div.notification table.notification td.content .details { margin-top: 4px; font-size: 13px; font-weight: normal; color: #555; }
#page_notifications div.notification table.notification td.dismiss { width: 100px; padding: 5px 0; vertical-align: middle; text-align: center; }
#page_notifications div.notification table.notification td.dismiss a { text-decoration: none; }
#page_notifications div.notification table.notification td.dismiss .widget { border: 1px solid #cdc; padding: 5px 5px; background: #dfd; }
#page_notifications div.notification table.notification td.dismiss .widget a { vertical-align: middle; font-family: arial, sans-serif; font-size: 18px; font-weight: bold; color: #000; }
#page_notifications div.notification table.notification td.dismiss .explain { margin-top: 2px; text-align: center; font-family: arial, sans-serif; font-size: 10px; }
#page_notifications div.notification table.notification td.dismiss .explain a { color: #666; }
#page_notifications div.notification.RewardPointsNotification table.notification { background-image: url("../images/common/famfamfam_silk_icons_v013/icons/award_star_add.png"); background-repeat: no-repeat; background-position: 15px center; }

/* --------------------------------------------------------------------------- MISC */
#debug_obj { background: #fee; border: 1px solid #fcc; white-space: pre-wrap; font-family: monospace; font-size: 12px; font-weight: bold; }