/* southernaccents.com | newsletter.css */
/*Global package styles -- package pages pulls in global and that sections stylesheet */

#packageWrapper{ width:671px; float:left; padding-top:22px; border-right:1px solid #e6e6cd; border-bottom:1px solid #e6e6cd;}
/* packageHeader styles */
#packageHeader {  background: #f6fcfb url(../i/package/bg_packageHeader.png) repeat-x left bottom; float:left;}
#packageHeader h2 {float:left; margin:18px 0 5px 0;  width:70%;margin-left:15px; font:bold 230%  Arial,sans-serif;  color:#6f773b; line-height:115%;}
#packageHeader p.dek {float:left; margin:0; width:550px; margin-left:15px; font:oblique 115%  Georgia,serif ; color:#555;}
#packageHeader .sponsor {float:right; width:170px; margin:5px 2px;}

/*Tabs are using a sprite.
If the  colors for tabs are changing  pls update existing sprite with color changes only so that the functionality  will remains intact.
/*tabs*/
ul.tabs a,
ul.tabs span,
ul.tabs a:hover,
ul.tabs a:hover span{background: url(../i/package/bg_packageTabs.png) no-repeat;}/*tabs using sprite*/

#pageTabs { background: url(../i/package/bg_packageTabs.png) repeat-x left bottom; float:left; width:672px;} /* this holds the tabs */
ul.tabs { padding: 10px 0 0 15px; list-style-type:none;}
ul.tabs li { float:left;}
ul.tabs li strong{display: block; margin:-12px 0 0 0; padding:0; font: normal 80% verdana, arial,sans-serif; text-align: center; color:#999; position: relative; text-transform:uppercase;}
ul.tabs a{ background-position: left -100px; display:block;  padding:0  0 0 11px; font:bold 12px Arial,sans-serif; text-decoration: none;}/*the 11px spacing is split btwn the a and span so that all lines up */
ul.tabs span{background-position: right -100px; padding: 9px 11px 8px 0; display:block;white-space:nowrap; }/*this padding-bottom must be 1px less than the current value  line 39*/
ul.tabs a:hover {background-position: left -200px; text-decoration: none;}
ul.tabs a:hover span { background-position: right -200px; }

/* safari hack for package navigation (change font-weight from bold to normal)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.tabs a{ font:normal 12px Arial,sans-serif; }
}
/*styles for current tab*/
body.packagetab_01 li.tab_01 a,
body.packagetab_02 li.tab_02 a,
body.packagetab_03 li.tab_03 a,
body.packagetab_04 li.tab_04 a,
body.packagetab_05 li.tab_05 a,
body.packagetab_06 li.tab_06 a,
body.packagetab_07 li.tab_07 a,
body.packagetab_08 li.tab_08 a,
body.packagetab_09 li.tab_09 a,
body.packagetab_10 li.tab_10 a,
body.packagetab_Ad li.tab_Ad a{background-position: left top; color:#6f773b;}

#pageTabs li.tab_Ad a{ color:#000;}

body.packagetab_01 li.tab_01 span,
body.packagetab_02 li.tab_02 span,
body.packagetab_03 li.tab_03 span,
body.packagetab_04 li.tab_04 span,
body.packagetab_05 li.tab_05 span,
body.packagetab_06 li.tab_06 span,
body.packagetab_07 li.tab_07 span,
body.packagetab_08 li.tab_08 span,
body.packagetab_09 li.tab_09 span,
body.packagetab_10 li.tab_10 span,
body.packagetab_Ad li.tab_Ad span{background-position: right top; padding-bottom:9px;}

/* rm for Bug MAGR 40*/
/*hover styles of current tab
body.packagetab_01 li.tab_01 a:hover,
body.packagetab_02 li.tab_02 a:hover,
body.packagetab_03 li.tab_03 a:hover,
body.packagetab_04 li.tab_04 a:hover,
body.packagetab_05 li.tab_05 a:hover,
body.packagetab_06 li.tab_06 a:hover,
body.packagetab_07 li.tab_07 a:hover,
body.packagetab_08 li.tab_08 a:hover {background-position: left -200px; }

body.packagetab_01 li.tab_01 a:hover span,
body.packagetab_02 li.tab_02 a:hover span,
body.packagetab_03 li.tab_03 a:hover span,
body.packagetab_04 li.tab_04 a:hover span,
body.packagetab_05 li.tab_05 a:hover span,
body.packagetab_06 li.tab_06 a:hover span,
body.packagetab_07 li.tab_07 a:hover span,
body.packagetab_08 li.tab_08 a:hover span {background-position: right -200px; padding-bottom:8px; margin-bottom:1px;}*/ /*margin 1px is so that the line still shows*/


div.quigo{margin-bottom: 20px;}
/* Video Player*/

#videoContent{ width: 540px; height: 600px; border: 1px solid #e5e5e5; margin-top:20px; float: left;}