/*
Company/website: SMS.ac/www.sms.ac
Author: Patrick Alcisto
Date Created: 10/16/2006
Updated: 11/10/2006
------------------------------------------------*/

body {
margin: 0;
padding: 0;
text-align: center;
}
p, h1, h2, h3, h4, h5, h6, li, ul {
margin:0;
padding:0;
}
a img {
border-style: none;
}
/*
==================================================
  SITE LAYOUT
==================================================
*/
#container {
width: 760px;
margin: 0 auto;
text-align: left;
}
#globalHeader {
width: 746px;
margin-bottom: 14px;
}
#podHeader {
width: 762px;
}
#podHeader h2 {
padding: 5px 0px 4px 5px;
}
#mainShell {
width: 760px;
}
#globalFooter {
width: 746px;
margin: 14px 0;
}
.floatL {
float: left;
}
.floatR {
float: right;
}
.clear {
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
/*
==================================================
  GLOBAL HEADER
==================================================
*/
#smsNav {
width: 744px;
margin: 0;
padding: 0 0 2px;
height: 15px;
vertical-align: top;
border-bottom: dashed 1px #CCCCCC;
}
/* These are the updated styles for the updated top header navigation, #smsNav span is the last of the new styles for this nav */
#smsNav .menu1 {
text-align: left;
float: left;
}
#smsNav .menu1 li {
list-style-type: none;
float: left;
_display: inline;
}
#smsNav div {
float: right;
margin: 0;
padding: 0;
vertical-align: top;
}
#profileInfo {
width: 746px;
clear: both;
margin-top: 10px;
padding-bottom: 5px;
}
#profileImage {
float: left;
margin-right: 5px;
}
#displayInfo {
float: left;
}
#ageGenderLocation {
height:15px;
display: inline;
margin: 0px;
padding: 0px;
}
#profileStatus {
display:block; 
height: 15px; 
margin: 3px 0 0 0 !important;
margin: 0px 0 0 0; 
float:left;
}
#profileStatus p {
min-width: 208px; 
margin:0;
}
#search {
float: right;
margin-top: -35px; 
margin-right: 0px; 
text-align: left; 
}
/* These are the updated styles for the updated top header navigation, #smsNav span is the last of the new styles for this nav */
#mainNav {
width: 746px;
height: 15px;
clear: both;
margin: 0;
padding: 0;
}
#mainNav .menu2 {
padding:  2px 0 0;
text-align: left;
float: left;
}
#mainNav .menu2 li {
list-style-type: none;
float: left;
_display: inline;
}
#mainNav span.myMoney {
float: right;
margin: 0;
padding: 0;
vertical-align: top;
}
/*
============================================================
  GLOBAL FOOTER
============================================================
*/
#chooseLanguage {
margin-top: 5px;
}
#chooseLanguage p {
margin-bottom: 5px;
}
#footerNav {
padding: 0 30px 0px 0;
}
#footerNav ul {
list-style-type: none;
margin: 5px 0 0 0px;
padding:0px;
}
#footerNav ul li {
_display: inline;
float: left;
margin: 0;
padding: 0px 0px 5px 0px;
_padding: 0px 0px 1px 0px;
}
#copyRight {
margin-top: 5px;
}
/*
============================================================
  Music/Video Tab Navigation, Media Search, Sub Navigation
============================================================
*/

#contentNavigation {
width: 760px;
}
#navSearch 
{
	margin-top:10px;
	height: 26px;
	vertical-align: bottom;
	

}
.ms_song {
	width: 360px;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 0px;
	float: left;
	}

			
#mediaSearch {
position: absolute;
margin-left: 430px;
top: 12px;
text-align: right;/*
float: right;
padding-right: 10px;*/
}
#contentSubNav {
padding: 5px 10px;
}
		#contentSubNav p {
		float: left;
		}
		#feedbackHelp {
		float: right;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		#feedbackHelp li {
		_display: inline;
		float: left;
		margin: 0;
		padding:;
		vertical-align: middle;
		}
		#feedback {
		border-right: 1px solid #000;
		padding: 0 5px 0 0;
		}
		#help {
		padding-left: 5px;
		}
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
/*

============================================================
 Music SCURL Stand Alone
============================================================
*/
#mainShell {
	width: 760px;
	}
						
		#pageHeadline {
		width: 740px;
		margin: 10px 10px 10px;
		padding: 0 0 3px;
		clear: both;
		text-align: left;/*
		*/
		}
		#pageHeadline h2, #pageHeadline div {
		display: inline
		}
		#pageHeadline h2 {
		height: 22px;		
		}
		#pageHeadline div {
		text-align: left;
		}
		#search_bar {
		margin: 0 10px 15px 10px
		}
		#search_header {
		margin: 0 10px 5px
		}
		#main_content {
		margin: 0 10px 10px;
		}
			#mediaPlayer {
			width: 361px;
			float: left;			
			}
				#addedSongs {
				width: 215px;
				float: right;
				margin-right: 3px;
				}
				#addedSongs div p {
				padding: 3px 0; 
				}
				/*//Songname*/
				#mediaPlayer ol {
				float: left;
				margin: 0;
				padding: 0 ;
				}
				#mediaPlayer ol li {
				list-style-position: inside;
				margin: 0;
				padding: 4px 0 0 0;
				}
				/*mock unordered list/ Song Adds*/
				#mediaPlayer ol.ul { 
				float: right;
				margin: 0;
				padding: 0;
				text-align: right;
				}				
				/*_______________________________________________________________________________________________________________
				Below is a hack that fixes a problem, where IE/Win causes gaps above and below each <li> (for the number of Song Adds) 
				to appear. Instead of using an unordered list <ul>, I used an ordered list <ol>, and list-style-type is set twice for 
				ol.ul li, each	with different values and the second instance having an underscore before hand, then setting the 
				list-style position to outside so that the numerals are not shown in IE/Win
				_______________________________________________________________________________________________________________*/
				
				#mediaPlayer ol.ul li {
				list-style-type: none; 
				_list-style-type: inherit; 
				list-style-position: outside;
				margin: 0;
				padding: 4px 0 0 0;
				}
			#musicDetails {
			width: 359px;
			height: 265px;
			float: right;
			margin-bottom: 10px !important; /* This is a filter/hack to resolve a margin collapsing improperly in IE/Win, due to it being floated right */
			margin-bottom: 0px;
			overflow: auto;
			}
			#videoDetails {
			width: 359px;
			height: 311px;
			float: right;
			margin-bottom: 10px !important; /* This is a filter/hack to resolve a margin collapsing improperly in IE/Win, due to it being floated right */
			margin-bottom: 0px;
			overflow: auto;
			}
				#mediaAuthorArtistDetails {
				float: left; 
				margin-top: 7px; 
				margin-bottom: 7px; 
				padding: 0 7px 7px;
				}
				#mediaAuthorArtistDetails div {
				padding-bottom: 7px;
				}
				#mediaAuthorArtistDetails div h4 {
				margin-bottom: 10px;
				}
				#mediaAuthorArtistDetails div img {
				float: left;
				}
				#mediaAuthorArtistDetails div p {
				margin-left: 87px;
				}
				#newestMediaHeadline {
				clear: left; 
				padding: 3px 0;
				}
				#newestMediaList {			
				margin: 5px 0 0 0;
				padding: 0px;
				}
				#newestMediaList li {
				line-height: 14px;
				list-style-position: inside;
				margin: 0;
				padding: 0px;
				}
				#mediaInfo {
				margin-left: 199px; 
				padding: 7px;
				}
				#mediaInfo h4 {
				padding-bottom: 3px; 
				margin-bottom: 5px;
				}
				#mediaInfo p {
				padding-bottom: 7px;
				}
				#mediaDescription {
				clear: left; 
				margin: 0 7px 7px;
				}
				#mediaDescription p {
				padding:7px 0px;
				}
			#shareMedia {
			width: 728px;
			clear: both;
			margin-top: 10px;
			}
				#shareMedia div p {
				padding-top: 5px;
				}
				#shareMedia div p.first {
				padding-top: 0;
				}
				#shareLeft {
				float: left;
				text-align: right;
				}
				#shareRight {
				text-align: left;
				margin-left: 364px;
				}
			#makeMoney {
			width: 724px;
			margin-top: 10px;
			}
				#makeMoney div img {
				vertical-align:middle;
				}
				#makeMoney div h3 {
				display: inline;
				line-height: 22px;
				vertical-align:middle;
				}
				#filmMakers { 
				width: 156px; 
				height: 98px; 
				float: left; 
				margin-top: 7px; 
				border-right: 1px dashed #CCC; 
				padding-right: 10px;
				}
				#musicians {
				width: 160px; 
				height: 98px; 
				float: left; 
				margin-top: 7px; 
				border-right: 1px dashed #CCC; 
				padding-left: 10px; 
				padding-right: 10px;
				}
				#bloggers {
				width: 182px;  
				height: 98px; 
				float: left; 
				margin-top: 7px; 
				border-right: 1px dashed #CCC; 
				padding-left: 10px; 
				padding-right: 10px; 
				display: block;
				}
				#developers {
				width: 158px;
				height: 98px; 
				float: left; 
				margin-top: 7px; 
				padding-left: 10px;
				}
				#musicians, #bloggers, #developers {
				padding-left: 10px;
				}
				#filmMakers img, #musicians img, #bloggers img, #developers img {
				float: left;
				}				
				#makeMoney ol {			
				margin: 0;
				padding: 0;
				text-align: left;
				}
				#makeMoney ol li {			
				list-style-type: none;
				_list-style-type: inherit;
				list-style-position: outside;
				margin: 0;
				padding: 0 0 5px 0;
				}
.nutrionDivContainer 
{
	width: 500px;
	overflow: hidden;
	border: solid 1px #3366CC;
}
.clear {
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.floatL {
float: left;
}
.floatR {
float: right;
}
.reg1 {
    background-image:  url(http://www.sms.ac/Media/images/reg_mo1.gif);
    background-repeat: no-repeat;
    height: 188px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    vertical-align: middle;

}
.reg2 {
    background-image:  url(http://www.sms.ac/Media/images/reg_mo2.gif);
    background-repeat: no-repeat;
    height: 188px;
    width: 200px;
    text-align:center;
}
.reg3 {
    background-image:  url(http://www.sms.ac/Media/images/reg_mo3.gif);
    background-repeat: no-repeat;
    height: 188px;
    width: 200px;
    text-align:center;
}
.reg4 {
    background-image:  url(http://www.sms.ac/Media/images/reg_mo4.gif);
    background-repeat: no-repeat;
    height: 188px;
    width: 200px;
    text-align:center;
    
}
.textoverdiv90 {
	display:block;
	width:auto;
	height:auto;
	padding-top:90px;
}
.textoverdiv75 {
    	display:block;
	width:auto;
	height:auto;
	padding-top:75px;
}



.header_border_bottom 
{
	height: 15px;
	padding: 5px;
	background-color: #BBDDFF;
	border-bottom: 1px solid #3366CC;
}
.subHeader
{
	padding: 5px;
}
.contentContainer
{
display:block;
background-color:#ffffff;
height: 355px;
width: 480px;
overflowX:hidden;
overflow-x:hidden;
overflowY: scroll;
overflow-y: scroll;
text-align:left;
padding: 10px;
height: 355px;
}
.leftContent
{
	width: 230px;
	float: left;
}
.rightContent
{
	width: 220px;
	float: right;
	padding-top: 5px;
}
lgBulletList {
 background: url(http://www.sms.ac/Media/images/bullet_lg.gif) 0 4px  no-repeat !important;
 background: url(http://www.sms.ac/Media/images/bullet_lg.gif) 0 4px  no-repeat;
 margin: 0 0 3px -10px !important;
 margin: 0 0 2px -10px;
 padding: 0 0 0 16px;
 _display: inline-block;
 list-style-type: none;
}
.smBulletList {
 font-weight: normal;
 background: url(http://www.sms.ac/Media/images/bullet_sm.gif) 0 5px  no-repeat !important;
 background: url(http://www.sms.ac/Media/images/bullet_sm.gif) 0 5px  no-repeat;
 margin: 3px 0 0 -16px !important;
 margin: 1px 0 0 -16px;
 padding: 0 0 0 8px;
 _display: inline;
 list-style-type: none;
 display:block;
}

.detailList
{
	margin-top: 8px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 10px;
}
button.get_media_button
{
	color: #FFFFFF;
	background-color: #3366cc;
	border-style: solid;
	border-width: 1px;
	border-top-color: #bbddff;
	border-right-color: #696969;
	border-bottom-color: #696969;
	border-left-color: #bbddff;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 0px 10px 0px 10px;
	height: 35px;
	width: auto;
	overflow: visible;
	line-height: normal;
}
.selectResults
{
	text-align: center;
	padding: 5px;
}
.nutrianFactscontainer
{
	border: solid 1px #000000;
	padding: 5px;
	font: normal 12px verdana;
}
.lgNutritionLine {
border-bottom: 6px solid #000;
padding-bottom: 4px;
}
.mdNutritionLine {
border-bottom: 3px solid #000;
padding-bottom: 0px;
}
.smNutritionLine {
border-bottom: 1px solid #000;
padding-bottom: 2px;
}