@charset "UTF-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }

body {
	font-family: Arial, Helvetica, sans-serif;
 	background-color: #fff;
	margin: auto;
	margin-bottom: 80px;
	font-size: small;
	line-height: 1.5em;	
	color: #282828;
	text-align: center;
}

body img {
	border: none;
}

a img { border: none; }
a:hover img { border: none; }

a {
	color: #0050b4;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: underline;
	color: #01305a;	
}

.logout_link a {
	float: right; 
	border: none; 
	margin: 5px 10px 15px 0; 
	color: white;
}

h1 {
	font: xx-large "Times New Roman", Times, serif;
	color: #323030;
}

h2 {
	font: x-large "Times New Roman", Times, serif;
	color: #323030;
}

h3 {
	font: large "Times New Roman", Times, serif;
	color: #272525;
}

h4 {
	font: medium Arial, Helvetica, sans-serif;
	color: #272525;
}

.line { 
	border-bottom: 2px solid #b0b30f;
	margin-top: 30px;
	margin-right: 30px;		
	height: 2px;
}

ul {
  margin: 1.3em;
  padding: 0;
}

li {
  list-style: none;
  background: url("images/bluetriangle.jpg") no-repeat left center;
  padding-left: 1.2em;
}

.pad {	
	padding: 10px;
	margin: 0 0 0 0;
	}	
	
/* LISTS
--------------------------------------------------------------------- */

.bullet {
	padding: 10px 10px 10px 10px;
	margin: 0;
	list-style-type: none;
	border: 1px solid #d4d9ab;
	width: 232px;
	float: left;
	}

.bullet li {
	padding-bottom: 3px;
	margin-left: 14px;
	list-style: url(http://www.newground.com/Multimedia/SampleWork/2_hour/Includes/images/bullet.gif);
	list-style-position: outside;
	}

/* CALLOUTS
--------------------------------------------------------------------- */

.callout {
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	height: 12em;
	border: 1px solid #ccc;
	line-height: normal;
	font-size:12;
	background: url(http://www.newground.com/Multimedia/SampleWork/2_hour/Includes/images/calloutpanel.jpg) repeat-x bottom right white;
	}
	
.callout-sm {
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	height: 9em;
	border: 1px solid #ccc;
	line-height: normal;
	font-size:12;	
	background: url(http://www.newground.com/Multimedia/SampleWork/2_hour/Includes/images/calloutpanel.jpg) repeat-x bottom right white;
	}
	
.calloutheader {
	position: relative;
	padding: 5px 0 0 10px;
	margin: 10px 0 0 0;
	height: 1.8em;
	line-height: normal;
	background-color:#008AAF;
	color: #fff;
	font-weight:bold;
	font-size:16;
	width: 242px;
	border: 1px solid #008AAF;
	}		

.dragdropbox {
	background:#fff url(images/drag_drop_box.jpg);
	height: 118px;
	width: 252px;
	margin: auto;
	padding: 0;
	border: 1px solid #d4d9ab;	
}

.playlistbox {
	height: 100px;
	border: 1px solid #d4d9ab;
}
	
.triangle {
	background-image: url(images/triangle.gif) no-repeat top left;
	border: none;
	margin-bottom: 3px;
	margin-right: 3px; 
	width: 10px;
}	

/* START LIGHT GREEN ROUNDED CORNERS */

.dialog {
 position:relative;
 margin:0px auto;
 min-width:200px;
 max-width:850px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#444;
 text-align: left;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom: 3em; /* spacing under dialog */
 margin-top: 2em;
 clear: none; 
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:url(images/green_box_bg.gif) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:20px 50px 0px 30px;
 min-height: 220px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

/* END LIGHT GREEN ROUNDED CORNERS */


/* START WIDE BOX ROUNDED CORNERS */

.dialogwide {
 position: relative;
 margin:0px auto;
 min-width:200px;
 max-width:1950px; /* based on image dimensions */
 color:#444;
 text-align: left;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom: 3em; /* spacing under dialog */
 margin-top: 3em;
 clear: none; 
}

/*.dialogwide .content,
.dialogwide .t,
.dialogwide .b,
.dialogwide .b div {
 background:url(images/green_box_wide_bg.gif) no-repeat top left;
  border: 2px solid blue;
}*/

.dialogwide .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 35px 0px 10px;
 min-height: 220px;
}

.dialogwide .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialogwide .b 

.dialogwide .b,
.dialogwide .b div {
 height:60px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialogwide .b {
 background-position:bottom right;
}

.dialogwide .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialogwide .hd,
.dialogwide .bd,
.dialogwide .ft {
 position:relative;
}

.dialogwide .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialogwide h1,
.dialogwide p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialogwide h1 {
 padding-bottom:0px;
}

/* END WIDE BOX ROUNDED CORNERS */



/* START DARK GREEN ROUNDED CORNERS */

.dialogbox {
 position:relative;
 margin:0px auto;
 min-width:200px;
 max-width:850px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#444;
 text-align: left;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom: 3em; /* spacing under dialog */
 margin-top: 5em;
 clear: none;
 float: left;
 
}

.dialogbox .content,
.dialogbox .t,
.dialogbox .b,
.dialogbox .b div {
 background:url(images/dk_green_box_bg.gif) no-repeat top right;
}

.dialogbox .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 35px 0px 10px;
 min-height: 220px;
}

.dialogbox .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialogbox .b 

.dialogbox .b,
.dialogbox .b div {
 height:60px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialogbox .b {
 background-position:bottom right;
}

.dialogbox .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialogbox .hd,
.dialogbox .bd,
.dialogbox .ft {
 position:relative;
}

.dialogbox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialogbox h1,
.dialogbox p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialogbox h1 {
 padding-bottom:0px;
}

/* END DARK GREEN ROUNDED CORNERS */



/* HEADER AND NAV STYLES START */

/*div.frame {
	background: #fff url("images/frame_bg.jpg") no-repeat;
	width: 610px;
	padding: 0;
	border: 1px solid #dcdcdc;
}


div.frame_text {
	padding: 20px;
}*/


#carousel {
	margin: -40px 0 20px -15px;
}

#container{position:absolute;top:94px;left:0;padding:0;border:0;margin:0;width:100%; background-color: #fff;}

#blue_bar{background:#5cb9c5 url(images/ng_colorblock.jpg);background-repeat:no-repeat;position:relative;width:100%;height:10px;top:0;}

#green_bar{background:#afb30a url(images/bump.jpg);background-repeat:repeat-x;position:relative;width:100%;height:26px;top:0;margin-top:0;_top:-8px;}

#header-container{background-image:url(images/header_bg.jpg);background-repeat:repeat-x;position:relative;width:100%;height:48px;text-align:center;_top:-8px;}

#header-shadow{background:#fff;background-image:url(images/shadow_white.jpg);background-repeat:repeat-x;position:relative;width:100%;height:15px;text-align:center;}

/* #header-content{background:transparent;position:relative;margin:0px auto;width:1000px;height:48px;_top:-4px;} */
#header-content{background:transparent;position:relative;margin:0px auto;width:1000px;height:48px;_top:-4px;}

#logo{position:relative;top:0px;left:0px;text-align:left;height:150px;background:#fff url(images/mm3_logo.jpg);background-repeat:no-repeat;float: left; width: 600px;}

#logout{position:relative;top:70px;left:0px;margin-right: 10px; text-align:left;height:150px;background:#fff; float: right;}



ul#header-nav{position:absolute;top:-9px;left:40px;border:none;}
ul#header-nav li{display:block;float:left;}
ul#header-nav li a{display:block;outline:none;height:28px;background:url(images/topnav.gif) no-repeat 0 0;text-indent:-9009px;margin:0 5px 0 0;}
ul#header-nav li a:hover{background-position:0 -30px}

/*ul#header-nav li#header-nav-home a{width:50px;background-position:0 0;}
ul#header-nav li#header-nav-home a:hover,
body.home ul#header-nav li#header-nav-home a{background-position:0 -30px}*/

ul#header-nav li#header-nav-locations a{width:76px;background-position:0 0;}
ul#header-nav li#header-nav-locations a:hover,
/* THIS STYLE SELECTS THE PROPER NAV LINK FOR THIS SPECIFIC PAGE */
body.locations ul#header-nav li#header-nav-locations a{background-position:0 -30px}


ul#header-nav li#header-nav-editor a{width:51px;background-position:-76px 0;}
ul#header-nav li#header-nav-editor a:hover,
/* THIS STYLE SELECTS THE PROPER NAV LINK FOR THIS SPECIFIC PAGE */
body.editor ul#header-nav li#header-nav-editor a{background-position:-76px -30px}

/*
ul#header-nav li#header-nav-library a{width:112px;background-position:-175px 0;}
ul#header-nav li#header-nav-library a:hover,
body.library ul#header-nav li#header-nav-library a{background-position:-175px -30px}


ul#header-nav li#header-nav-playlists a{width:69px;background-position:-285px 0;}
ul#header-nav li#header-nav-playlists a:hover,
body.playlists ul#header-nav li#header-nav-playlists a{background-position:-285px -30px}
*/

ul#header-nav li#header-nav-preview a{width:68px;background-position:-127px 0;}
ul#header-nav li#header-nav-preview a:hover,
/* THIS STYLE SELECTS THE PROPER NAV LINK FOR THIS SPECIFIC PAGE */
body.preview ul#header-nav li#header-nav-preview a{background-position:-127px -30px}


ul#header-nav li#header-nav-users a{width:44px;background-position:-195px 0;}
ul#header-nav li#header-nav-users a:hover,
/* THIS STYLE SELECTS THE PROPER NAV LINK FOR THIS SPECIFIC PAGE */
body.users ul#header-nav li#header-nav-users a{background-position:-195px -30px}


ul#header-nav li#header-nav-messages a{width:80px;background-position:-239px 0;}
ul#header-nav li#header-nav-messages a:hover,
/* THIS STYLE SELECTS THE PROPER NAV LINK FOR THIS SPECIFIC PAGE */
body.messages ul#header-nav li#header-nav-messages a{background-position:-239px -30px}


ul#header-nav li#header-nav-rates a{width:42px;background-position:-319px 0;}
ul#header-nav li#header-nav-rates a:hover,
/* THIS STYLE SELECTS THE PROPER NAV LINK FOR THIS SPECIFIC PAGE */
body.rates ul#header-nav li#header-nav-rates a{background-position:-319px -30px}


/* NEW STYLES END */

div.small_bar_gradient {
	height: 78px;
	position: relative;
	top: 0px;
	margin: auto;
	background: #fff url("images/bar_and_gradient.jpg");
	background-repeat: no-repeat;
/* 	width: 1000px;		 */
	clear: both;	
}

div.small_bar {
	height: 10px;
	background-color: #9fa617;
	width: 100%;	
	clear: both;	
}

div.content_left {
	position: relative;
	top: 0px;	
	padding: 0 0 0 20px;
	float: left;
	width: 60%;
	min-width: 200px;
	max-width: 850px;
	clear: none;
	text-align: left;
}

div.content_right {
	top: 0px;	
	padding: 0 20px 0 0;
	float: left;
	width: 33%;
	min-width: 200px;
	clear: none;
	text-align: left;
}

div.content_wide {
	position: relative;
	top: 0px;	
	padding: 0 0 0 20px;
	float: left;
	width: 93%;
	min-width: 200px;
	max-width: 1950px;
	clear: none;
	text-align: left;
}

div.ahn_block {
	padding: 10px;
	width: 200px;
	height: 200px;
}

div.block {
	padding: 10px;
	margin: 10px 40px 0 40px;
	overflow-y: auto;
	overflow-x: hidden;
}

login.button a:hover {
  background-image: url("images/log_in.jpg");
}

.login_button {
  background-image: url("images/log_in.jpg");
  background-repeat: no-repeat;
  border: none;
  width: 221px;
  height: 40px;
  cursor: hand; 
  cursor: pointer;
  margin-bottom: 50px;
}

.upload_button {
  background-image: url("images/upload.jpg");
  background-repeat: no-repeat;
  border: none;
  width: 221px;
  height: 40px;
  cursor: hand; 
  cursor: pointer;
  margin-left: 40px;
  margin-bottom: 20px;
  margin-top: 15px;
}

div.body a:hover {
	color: #01305a;
	text-decoration: underline;
}

div.body p {
	margin-bottom: 10px;
}

.row li {
	display: inline;
	font-size: 110%;
}

div#footer {
	color: #fff;
	font-size: small; 
	margin: auto;
	padding-top: 40px;
	padding-bottom: 10px;	
	text-align: center;
	clear: both;
	background: #333 url(images/footer_strip.gif) repeat-x;
	width: 100%;
}

#footer_content {
	width: 70%;
	margin: auto;
}

#footer_content a {
	color: #b0b30f;
}

#footer_content a:hover {
	color: #dfe18a;
}

.footer_column {
	float: left;
	text-align: left;
	width: 24%;
	margin: 0;
	padding: 0;
	margin-top: 25px;
}

.footer_column li {
	list-style: square url(images/chevrons_small.gif) inside;
	font-size: 90%;
	margin-left: -15px;
}

.footer_header {
	font-size: 100%;
	font-weight: bold;
	letter-spacing: .3em;
	margin: auto;	
}

div#footer_bottom {
	color: #999;
	position: relative;
	font-size: 85%;
	margin: auto;
	clear: both;
	padding-bottom: 0;
	padding-top: 70px;
	letter-spacing: .1em;
}