/*
	MAIN HOLDING DIV
*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/body_back.jpg);
	background-repeat: repeat-x;
}

.top{
   position:relative;
    width:993px;
	height:153px;
    background-color: #FFFFFF;
    text-align:left;
    margin-right:auto;
    margin-left:auto;
    background-image: url(../img/top_back.jpg);
    background-repeat: no-repeat;
	overflow:visible;
	clear:both;
   z-index:100;
}

.logo {
   position:relative;
   float:left;
   top:28px;
   left:28px;
}

.top .searchform {
    float:right;
    padding-top:20px;
    padding-right:30px;
}

.top .searchform, .top .searchform a {
    color:#005a51;
    text-decoration:none;
    text-transform:uppercase;
	font-size: 84%;
}

.top .searchform input {
	font-size: 120%;
}

.main {
   position:relative;
    width:993px;
    text-align:left;
    margin-right:auto;
    margin-left:auto;
    background-image: url(../img/main_back.jpg);
    background-repeat: no-repeat;
	overflow:visible;
	clear:both;
}

.topbar {
   position:relative;
   left:29px;
   height:27px;
   width:993px;
}

.breadcrumb {
   background-repeat:repeat-x;
   float:left;
   padding-left:0px;
   padding-top:0px;
   vertical-align:middle;
   width:658px;
}

.breadcrumb {
	font-family: verdana, sans-serif;
	font-size: 65%;
}

.breadcrumb, .breadcrumb a {
   color:#949292;
   text-decoration:none;
}

.left {
        position:relative;
        float:left;
        left:29px;
        top:8px;
	width:245px;
	margin:0; 
	padding:0px 0px 20px 0px;
	padding-top:0px;
	font-size: 88%;
}

.right {
        position:relative;
        float:right;
	font-size: 0.8em;
	left:0px;
        top:0px;
	margin:0;
         padding:0;
	width:181px;
       padding-left:20px;
       padding-right:28px;
	padding-top:3px;
}

.middle {
	position:relative;
        float:left;
       left:29px;
        top:0px;
	width:500px;
       margin-right:2px;
       margin-bottom:24px;  
       padding-top:4px;
	font-size: 0.85em;
       line-height:1.5em;
       height:auto;
}

.middle1col {
	position:relative;
        float:left;
        left:29px;
        top:0px;
	width:720px;
       margin-right:2px;
       margin-bottom:15px;  
       padding-top:8px;
	font-size: 0.85em;
       line-height:1.5em;
}

.middle a:hover  { 
         text-decoration: underline;
         background-color:#EAF5E5;
		 color: #319B00;
}

.middle ul {
   list-style-type: square;
}

.middle li {
   margin-bottom:0.5em;
   margin-left:15px;
}

.middle ol li {
   margin-bottom:0.5em;
   margin-left:30px;
}

.middle h1, .middle1col h1{
	font-family: verdana, sans-serif;
    font-size: 120%;
    font-weight: bold;
    color: #000000;
    line-height:1.2em;
	margin-top:17px;
    margin-bottom:22px;
}

.middle1col h1{
   background-color:#FFFFFF;
   margin-top:0px;
   padding-top:17px;
}

.middle h2, .middle1col h2 {
   color:#B3071B;
   font-size:1.1em;
   font-weight:bold;
   padding-top:1.1em;
}

.middle, .middle1col{
    color: #000000;    
}

.middle p, .middle1col p{
    padding-bottom:1em;
}

.middle ul, .middle1col ul{
    padding-bottom:10px;
}

.middle a, .middle a:link, .middle a:visited, .middle a:active, .middle1col a, .middle1col a:link, .middle1col a:visited, .middle1col a:active, #homemiddle a, #homemiddle a:link, #homemiddle a:visited, #homemiddle a:active, #footer_links_external_home a, #footer_links_external_home a:link, #footer_links_external_home a:active, #footer_links_external_home a:visited{ 
         text-decoration: none;
         color: #319B00;
         font-weight: bold;
         word-wrap:break-word;
         }
         
.middle a:hover,#homemiddle a:hover, .middle1col a:hover, #right a:hover, #footer a:hover { 
         text-decoration: underline;
         background-color:#EAF5E5;
}

.left_navbar {
    width:217px;
    /*font-size: 0.8em;*/
    font-weight:bold;
    background-image: url(../img/left_nav_separator.gif);
    background-repeat: repeat-x;
    background-position:0px bottom;
    padding-bottom:1px;
    padding-left:0px;
    padding-top:0px;;
}

.left ul {
	margin: 0px;
}

.left_navbar ul, .left_navbar li{
    list-style:none;
}

.left_navbar li {
    /*display:inline;*/
    background-image: url(../img/left_nav_separator.gif);
    background-repeat: repeat-x;
    background-position:0px top;
    padding-top:1px;
    margin-bottom: 0px;
}

.left_navbar li a {
    display:block;
    width:204px;
    color: #000000;
    padding-top:6px;
    padding-bottom:5px;
    text-decoration:none;
    padding-left:13px;
    background-image: url(../img/left_nav_bullet.gif);
    background-repeat: no-repeat;
    background-position:0px center;
    background-color:none;
}

.left_navbar li a:hover {
    background-color: #EAF5E5;
    color: #319B00;
}

.left_navbar li.selected a {
    background-color: #EAF5E5;
}

.left_navbar li.selected ul li a {
    background-color: transparent;
}

.left_navbar li a.opened {
    background-image: url(../img/left_nav_bullet_open.gif);
    background-repeat: no-repeat;
    background-position:0px center;
}



.left_navbar ul#left_sub_navbar, .left_navbar ul#left_sub_navbar li{
    list-style:none;
	padding-left: 0px !important;
	margin-bottom: 0px;
}

.left_navbar #left_sub_navbar li {
    background-image: url(../img/left_nav_separator.gif);
    background-repeat: repeat-x;
    background-position:0px top;
    /*padding-bottom:1px;*/
}
.left_navbar #left_sub_navbar li a {
    display:block;
    width:204px;
    padding-top:6px;
    padding-bottom:5px;
    color: #6B6B6B;
   text-decoration:none;
    padding-left:13px;
    background-image: url(../img/bullet_3points.gif);
    background-repeat: no-repeat;
    background-position:0px 1.5em;
}

.left_navbar #left_sub_navbar #left_sub_sub_navbar li a {
    display:block;
    width:191px;
    padding-top:6px;
    padding-bottom:5px;
    color: #6B6B6B;
   text-decoration:none;
    padding-left:26px;
    background-image: url(../img/bullet_3points.gif);
    background-repeat: no-repeat;
    background-position:13px 1.5em;
}

.left_navbar #left_sub_navbar li a:hover, .left_navbar #left_sub_navbar li a.selected {
    background-color: #EAF5E5;
}

.left_navbar #left_sub_navbar li a:hover {
    color: #319B00;
}

div.hr {
	
	height: 9px;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: center;
         clear:both;
}
div.hr hr {
  display: none;
}

.right {
	font-size: 98%;
}

.right p {
	line-height: 130%;
}


.right h2 {
	font-family: verdana, sans-serif;
	margin-top:17px;
	font-size: 77%;
	/*color: #319B00;*/
	color: #B3071B;
}

.right h2 em {
	font-style: normal;
	display: block;
	font-size: 130%;
}

.right h3 {
	font-family: verdana, sans-serif;
	margin-bottom: 0px;
	font-size: 77%;
}

.right ul {
	list-style: none;
	padding: 0px 0px 12px 0px;
	margin: 0px;
}

.right p label {
	text-transform: uppercase;
	margin-bottom: 3px;
	font-size: 90%;
	display: block;
	color: #005A51;
}

.right p input {
	border: solid #005A51 1px;
	font-size: 100%;
}

.right p input.submit {
	border: none;
}

ul.episodes li {
	display: inline;
}

.middle a,
.right a {
	text-decoration: none;
	font-weight: bold;
	color: #319B00;
}

.middle a:hover,
.right a:hover {
	text-decoration: underline;
	background: #EAF5E5;
}



/*
	From Rockhopper
*/
.videoContent {
	margin-bottom: 14px;
}

/*
	CREATE ACCOUNTS
*/
form.acnt,
form.contact {
	padding: 0px 0px 0px 0px;
	width: 364px;
}

form.acnt p,
form.contact p {
	font-size: 82%;
}

form.acnt label,
form.contact label {
	padding-top: 1px;
	font-size: 100%;
	font-weight: bold;
	display: block;
	width: 133px;
	float: left;
}

form.acnt select,
form.contact select {
	border: none;
	width: 219px;
}

form.acnt input,
form.contact input {
	padding-left: 3px;
	border: solid #005A51 1px;
	width: 219px;
	font-size: 100%;
}

form.acnt input.submit,
form.acnt input.checkbox,
form.contact input.submit,
form.contact input.checkbox {
	border: none; 
	width: auto;
}

form.acnt p.priv,
form.contact p.priv {
	padding-bottom: 20px;
}

form.acnt p.priv label,
form.contact p.priv label {
	font-weight: normal;
	font-size: 110%;
	width: 330px;
}

form.acnt textarea,
form.contact textarea {
	width: 219px;
	height: 108px;
}


/*
	Footer
*/
#footer {
	margin-top: 10px;
	clear: both;
}

#footer_images{
	height:51px;
	padding-top:9px;
	background-image:url(../img/footer_img_back.gif);
}

#footer_links{
	height:30px;
	padding-left:275px;
}

#footer_links_home{
	height:30px;
	padding-left:0px;
	width:500px;
	float:left;
}

#footer_home {
        padding-left:32px;
        padding-right:28px;
}

#footer_links_external_home{
	color:#000000;
	text-transform:none;
	padding-bottom:7px;
}



#footer, #footer a, #footer_home, #footer_home a {
	color:#949292;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
}

#footer_links_external_home a {
	text-transform:none;
}




/*
	DOWNLOAD POPUP
*/
.popOvr {
	position: absolute;
}

.popOvrContent h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 100%;
}

.popOvr h3, .popOvr p .popOvr li,
.popOvrContent h3, .popOvrContent p, .popOvrContent li {
	margin-bottom: 3px;
	color: #ffffff !important;
	font-size: 82%;
}

.popOvr h3,
.popOvrContent h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 100%;
}

.popOvrContent p label,
.popOvrContent p input {
	font-size: 100%;
}

.loginHelp p {
	font-size: 70%;
}

.popOvrContent a:hover {
	background: transparent;
}

.sizeFormatBk {
	background: url(/img/sizeBk.gif) top left no-repeat;
	width: 374px;
	height: 127px;
}

.loginBk {
	background: url(/img/loginBk.gif) top left no-repeat;
	width: 484px;
	height: 287px;
}

.termsBk {
	background: url(/img/termsBk.gif) top left no-repeat;
	width: 374px;
	height: 267px;
}

.sizeFormat {
	top: 61px;
	left: 74px;
}

.loginPopup {
	top: 19px;
	left: 8px;
}

.termsPopup {
	top: 4px;
	left: 70px;
}

#downloadPopOvr {
	z-index: 8;
}

.sizeFormat .popOvrContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 346px;
	padding: 14px;
}

.loginPopup .popOvrContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 452px;
	padding: 14px;
}


.termsPopup .popOvrContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 346px;
	padding: 14px;
}

.termsScroll {
	margin-top: 10px;
	height: 209px;
	overflow: auto;
}


.popOvr p.leftCol {
	margin-bottom: 0px;
	padding-bottom: 10px;
	float: left;
	width: 95px;
}

.popOvr p.rightCol {
	margin-bottom: 0px;
	padding-bottom: 10px;
	float: left;
	width: 150px;
}

.popOvr p.format {
	padding: 5px 0px;
}

.popOvr p.close {
	position: absolute;
	top: 6px;
	right: 10px;
}

.popOvr p.close a {
	background: url(/img/iconClose.gif) top left no-repeat;
	display: block;
	text-indent: -9999px;
	width: 22px;
	height: 22px;
}

.loginMain {
	width: 300px;
	float: left;
}

.loginHelp {
	position: relative;
	width: 138px;
	float: right;
}

.loginHelp .content {
	position: absolute;
	padding: 10px 10px 10px 12px;
	top: 0px;
	left: 0px;
}

.loginHelpBk {
	background: #000000;
	width: 138px;
	height: 187px;
	
	
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.loginMain form.login label {
	font-weight: bold;
	padding-bottom: 3px;
	display: block;
}

.loginMain form.login input {
	border: none;
	width: 190px;
}
.popOvr input.submit {
	width: auto !important;
}



p.dwnLoad {
	padding: 8px 0px 0px 0px;
	margin: 0px;
}


/*
	PLAYLIST OVERLAY
*/
#overlay {
	background-color: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 40;
	
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

form.playlist {
	position: absolute;
	margin-left: 280px;
	z-index: 80;
	width: 400px;
	top: 250px;

}

form.playlist p {
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 65%;
}

form.playlist p label {
	padding-bottom: 3px;
	font-weight: bold;
	display: block;
	font-size: 138%;
}

form.playlist p input {
	width: 400px;
}

form.playlist p input.submit {
	width: auto;
}

/*
	PLAYER
*/
#player {
	background-color: #333333;
	margin-top: 17px;
}

.partner a {
	background: url(/mmv/img/partnerRockhopper.gif) top left no-repeat;
	text-indent: -9999px;
	margin-top: 6px;
	display: block;
	width: 98px;
	height: 32px;
}

.partner a:hover {
	background: url(/mmv/img/partnerRockhopper.gif) top left no-repeat;
}