/* $Id: mwbp_flip_cards_style.css,v 1.10 2009/07/30 15:41:26 fd Exp $ */

html,body { color: black; background-color: white; font-family: arial,helvetica,sans-serif; }

@media screen,print,tv {
.card { border: 1px #0B5B9D solid; height: 490px; width: 270px; display: block; margin-left: auto; margin-right: auto; 
background-color: #0B5B9D; color: white; margin-bottom: 1em; -moz-border-radius: 20px; padding: 20px; page-break-inside: avoid; }
.mwi_logo { text-align: center; }
.mwi_logo img { border: 0; vertical-align: top; }
.mwi_logo .w3c>img { border-right: 2px #666 solid; margin-right: 2px }
h1 { font-weight: bold; font-size: 26pt; }
.card h2 { color: lightblue; font-weight: normal; text-align: center; font-size: 200%; }
.main.card h2 { padding-top: 100px; color: white;}
.card a:link, .card a:visited { color: white; text-decoration: none; }
.card a:hover { text-decoration: underline; }
.detailed.card { font-size: 75%; }
.detailed.card h3 { font-weight: normal; font-size: 140%; margin: 0; padding: 0 0 .5em 0; }
.detailed.card h3 span,.presentation.card h2 span { background: url(mwbp_flip_cards_white_underline.png) bottom right no-repeat; padding: 0 1em .5em 25px; margin: .4em 0 0 -25px; }
.detailed .bp_title { display: block; font-weight: normal; }
.busy_card .bp_title { display: inline; }
.presentation.card h2 { text-transform: lowercase; text-align: left; font-size: 120%; }
.main.card { font-size: 130%; text-align: center; }
.cardgroup { margin-left: auto; margin-right: auto; width: 680px; clear: both; padding-bottom: 20px; page-break-after: always; font-size: 90%; }
.card { float: left; margin-right: 20px; }
#front_card, #back_card { background-image: url(mwbp_flip_cards_white_bottom.png); background-repeat: no-repeat; background-position: 0px 310px;}
#back_card { background-position: 0px 220px; }
.detailed p { margin-bottom: 0; margin-top: .9em; }
#sponsors { background-color: white; }
#sponsors p { text-align: center; }
.presentation.card li { padding-bottom: .9em; }
#design_for_one_web h2                { background: url(mwbp_flip_cards_icon_design.png) top center no-repeat; }
#rely_on_web_standards h2             { background: url(mwbp_flip_cards_icon_standards.png) top center no-repeat; }
#stay_away_from_known_hazards h2      { background: url(mwbp_flip_cards_icon_hazards.png) top center no-repeat; }
#be_cautious_of_device_limitations h2 { background: url(mwbp_flip_cards_icon_limitations.png) top center no-repeat; }
#optimize_navigation h2               { background: url(mwbp_flip_cards_icon_navigation.png) top center no-repeat; }
#check_graphics_and_colors h2         { background: url(mwbp_flip_cards_icon_graphics.png) top center no-repeat; }
#keep_it_small h2                     { background: url(mwbp_flip_cards_icon_small.png) top center no-repeat; }
#use_the_network_sparingly h2         { background: url(mwbp_flip_cards_icon_network.png) top center no-repeat; }
#help_and_guide_user_input h2         { background: url(mwbp_flip_cards_icon_input.png) top center no-repeat; }
#think_of_users_on_the_go h2          { background: url(mwbp_flip_cards_icon_users_go.png) top center no-repeat; }

.detailed.card p strong { background: url(mwbp_flip_cards_item.png) no-repeat top left; padding-left: 20px; margin-left: -20px; }
/* .card { background: url(mwbp_flip_cards_bg.png) no-repeat right bottom; background-color: red } */
.detailed.card p { padding-left: 10px; }
#design_for_one_web .detailed.card p strong { background-color: #F78E21; }
#rely_on_web_standards .detailed.card p strong { background-color: #8CC742; }
#stay_away_from_known_hazards .detailed.card p strong { background-color: #CE1418; }
#be_cautious_of_device_limitations .detailed.card p strong { background-color: #212021; }
#optimize_navigation .detailed.card p strong { background-color: #AD208C; }
#check_graphics_and_colors .detailed.card p strong { background-color: #FFC310; }
#keep_it_small .detailed.card p strong { background-color: #0093C3; }
#use_the_network_sparingly .detailed.card p strong { background-color: #F05888; }
#help_and_guide_user_input .detailed.card p strong { background-color: #588DC9; }
#think_of_users_on_the_go .detailed.card p strong { background-color: #01B9AC; }

.li_design { list-style-image: url(mwbp_flip_cards_icon_design_th.png); }
.li_rely { list-style-image: url(mwbp_flip_cards_icon_standards_th.png); }
.li_stay { list-style-image: url(mwbp_flip_cards_icon_hazards_th.png); }
.li_be { list-style-image: url(mwbp_flip_cards_icon_limitations_th.png); }
.li_optimize { list-style-image: url(mwbp_flip_cards_icon_navigation_th.png); }
.li_check { list-style-image: url(mwbp_flip_cards_icon_graphics_th.png); }
.li_keep { list-style-image: url(mwbp_flip_cards_icon_small_th.png); }
.li_use { list-style-image: url(mwbp_flip_cards_icon_network_th.png); }
.li_help { list-style-image: url(mwbp_flip_cards_icon_input_th.png); }
.li_think { list-style-image: url(mwbp_flip_cards_icon_users_go_th.png); }

small { font-size: .65em; }

#front_card h1 { font-weight: bold; height: 380px; background: url(mwbp_flip_cards_icon_mwi.png) no-repeat bottom center; margin-bottom: 20px; }

.ist_logo { color: black; font-size: .7em; }
.ist_logo img { vertical-align: middle; }

#back_card .spacing { min-height: 310px; }
#sponsors { text-align: center; }
}


@media handheld {
.cardgroup { border: 1px #0B5B9D solid; background: #e2edfe; margin-bottom: 1.5em; padding: .5em; }
.card.main { text-align: center; border-bottom: 1px #0B5B9D solid; }
.cardgroup h3 { display: none; }
h1 { text-align: center; }
.mwi_logo,.ist_logo { text-align: center; }
}
