﻿/*
 * Author: ArmoredCavalry
 * Email: admin@soundserum.com
 * Homepage: http://www.soundserum.com/
 */
 
 body {
	margin: 0px;
 }
 #header {
	padding-top: 25px;
	background: url("../img/stripe.png") repeat;
	-moz-box-shadow: 0 0 5px 5px #11110F;
	-webkit-box-shadow: 0 0 5px 5px #11110F;
	box-shadow: 0 0 5px 5px #11110F;
 }
 .logo{
	width: 450px;
	height: 215px;
	background-image: url("../img/logo.png");
	padding-bottom: 3px;
 }
 .imgOverlay{
	visibility: hidden;
	width: 400px;
	background: #0D0D0D;
	position:absolute;
	z-index: 100;
 }
#body {
	width: 1107px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-bottom: 15px;
	background-color: #181817;
	-moz-box-shadow: 0 10px 5px 5px #11110F;
	-webkit-box-shadow: 0 10px 5px 5px #11110F;
	box-shadow: 0 10px 5px 5px #11110F;
}
#LeftColumn {
	float: left;
	border-right: solid 1px #121210;
	margin-bottom: 50px;
	width: 700px;
}
#RightColumn {
	float: right;
	margin-bottom: 50px;
	margin-right: 15px;
	width: 407;
}
#footer {
	background-color: #2B2B2B;
	color: #CCCCCC;
	margin-top: 150px;
	width: 250px;
	padding: 10px;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	border: 1px solid #484848;
	-moz-box-shadow: 5px 5px 3px #141414;
	-webkit-box-shadow: 5px 5px 3px #141414;
	box-shadow: 5px 5px 3px #141414;
}
h2 {
	text-align: left;
	margin-left: 15px;
	margin-top: 5px;
	color: #6BB800;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
h3 {
	color: #6BB800;
}
.logo {
	float: left;
	width: 450px;
}
.intro {
	float: right;
	width: 460px;
}
.listen_now {
	width: 175px;
	float: right;
	margin-top: 122px;
	margin-left: 823px;
	position:absolute;
	z-index: 100;
}
#divListenNowOverlay {
	display: none;
	cursor: pointer;
}
.header_container{
	width: 1000px;
	margin: 0px auto;
}
.header_divider {
	background: url("../img/divider.png") repeat-x;
	border-bottom: solid 1px #111;
	height: 54px;
	width: 100%;
	clear: both;
}
.header_divider ul {
  width: 445px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
} 
.header_divider li {
  float: left;
  height: 22px;
  margin: 0;
  padding: 0;
}
.center {
	margin-right: auto;
	margin-left: auto;
}
.hidden {
	display: none;
}
.menuBar {
	margin-bottom: 1px;
	width: 351px;
	background-color: #2B2B2B;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #484848;
	-moz-box-shadow: 5px 5px 3px #141414;
	-webkit-box-shadow: 5px 5px 3px #141414;
	box-shadow: 5px 5px 3px #141414;
}
.box {
	color: #CCCCCC;
	width: 335px;
	margin-left: auto;
	margin-right: auto;
	background-color: #181817;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	-moz-box-shadow: 5px 5px 3px #141414;
	-webkit-box-shadow: 5px 5px 3px #141414;
	box-shadow: 5px 5px 3px #141414;
}
.wide {
	width: 575px;
	border: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.floating_box {
	margin: 25px auto;
	width: 361px;
	padding: 7px;
	text-align: center;
	background-color: #2B2B2B;
	color: #CCCCCC;
	border: 1px solid #484848;
	-moz-box-shadow: 5px 5px 3px #141414;
	-webkit-box-shadow: 5px 5px 3px #141414;
	box-shadow: 5px 5px 3px #141414;
}
.floating_box .inner_text {
	margin-left: 15px;
	text-align: left;
}
.contact_donate {
	width: 575px;
}
.annoucements ul
{
	font-size: 16px;
	list-style-type: none;
	text-align: left;
	margin: 0px 5px;
}
.annoucements li
{
	background-image: url("../img/bullet.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
}
.bulleted-list ul
{
	font-size: 14px;
	list-style-type: none;
	text-align: left;
	margin: 0px 5px;
}
.bulleted-list li
{
	background-image: none;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.ulMenuItems
{
	list-style-type: none;
}
.media_links {
	margin-left: 25px;
}
.media_links img{
	text-align: left;
	padding-right: 6px;
	border: 0;
}
.extras div {
	display: none;
	text-align: justify;
	padding-right: 35px;
	padding-left: 25px;
}
.title{
	font-weight: bold;
	text-decoration: underline;
}
.music_library_wrapper {
	width: 100%;
	height: 520px;
	text-align: left;
	overflow: hidden;
}
.player_footer {
	height: 20px;
	width: 100%;
	text-align: center;
	background-color: #2B2B2B;
	border: 1px solid #484848;
	border-top: 0px;
}
.scroll-pane {
	width: 100%;
	height: 100%;
	overflow: auto;
}
.link_icon {
	border: none;
}
.link_label {
	font-size: 10px;
}
#divSongOptions{
	width: 150px;
	float:right;
	margin-top: 20px;
	margin-right: 15px;
	text-align: center;
}
#divLoop{
	opacity: 0.4;
	float: right;
}
#divShuffle{
	opacity: 1.0;
	float: right;
	margin-right: 25px;
}
#divAdditionalOptions {
	width: 250px;
	float:right;
	margin-top: -33px;
	margin-right: 10px;
	text-align: center;
}
#divSettings{
	float: right;
	margin-right: 15px;
	text-decoration: none;
}
#divSettings a{
	text-decoration: none;
}
#divDownload{
	 float: right;
}
#divDownload a{
	 text-decoration: none;
}
#Settings{
	background-color:#2B2B2B;
	border:1px solid #181817;
	width:100%;
	border-top:none;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
#Settings div {
	margin-bottom: 15px;
}
#divPlayerControls {
	background-color: #2B2B2B;
	padding: 15px;
}
#tbMusicLibrary {
	font-family: Verdana;
	color: #6bb800;
	background-color: #2B2B2B;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}
#tbMusicLibrary a:hover {
	color:#6bb800;
}
#divSorting {
	background: #2B2B2B;
	border-left:1px solid #484848;
	border-right:1px solid #484848;
	border-bottom: 1px solid #181817;
	margin-left: -1px;
	margin-right: -1px;
	padding-left: 65px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.tdScore {
	width: 30px;
	text-align: right;
	padding-right: 53px;
}
.tdRecent {
	width: 40px;
	text-align: center;
	padding-right: 16px;
}
#titleSorting {
	margin-right: 165px;
}
#artistSorting {
	margin-right: 95px;
}
#scoreSorting {
	margin-right: 20px;
}
#divBackgroundChangers {
    display: none;
}
ul{
	-webkit-padding-start: 0px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
p{
	margin: 0px 0px 15px 0px
}
iframe{
	border: 0px;
}
body{
	background: repeat-y scroll center center #000;
	font-family: Verdana;
	color: #6bb800;
	background-color: #121210;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
 }
a:link {color: #6bb800;}      /* unvisited link */
a:visited {color: #6bb800;}  /* visited link */
a:hover {color: #3B7306;}  /* mouse over link */
a:active {color: #6bb800; outline: 0;}  /* selected link */
a:focus{-moz-outline-style: none; outline: 0;} /*clicked link*/

.horizontal_list li {
	display: inline;
	list-style-type: none;
}
#ulDislikes {
	margin-left: 135px;
	margin-top: -12px;
}
.smiley {
	height: 35px;
	width: 35px;
	cursor: pointer;
	padding: 20px 17px 0px 17px;
}
.like {
	background: url('../img/like.png') no-repeat;
}
.dislike {
	background: url('../img/dislike.png') no-repeat;
} 
.totals {
	padding-left: 5px;
	padding-right: 12px;
}
.votes {  
    font: 10px verdana, sans-serif;  
    margin-top: 93px;
	margin-left: 20px;
}
.selectedOption {
	font-weight: bold;
}
.extras {
	text-align: left;
	padding-left: 15px;
}
.extras img {
	padding-right: 5px;
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Style by: ArmoredCavalry
 */

div.jp-playlist-player {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:0.8em;

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #6BB800;
	width: 100%;
	margin: 0px auto;
	-moz-box-shadow: 5px 5px 3px #141414;
	-webkit-box-shadow: 5px 5px 3px #141414;
	box-shadow: 5px 5px 3px #141414;
}
div.jp-song-info {
	background-color:#2B2B2B;
	width:100%;
	border:1px solid #484848;
	border-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}
div.jp-interface {
	position: relative;
	background-color:#2B2B2B;
	height:130px;
	width:100%;
	border-left:1px solid #484848;
	border-right:1px solid #484848;
	border-top:1px solid #181817;
	border-bottom:1px solid #181817;
	margin-left:auto;
	margin-right:auto;
}
div.jp-playlist-player div.jp-interface {
	text-align: left;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	top:20px;
	width:40px;
	height:40px;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:48px;
}
a.jp-play {
	background: url("../img/player_controls.png") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../img/player_controls.png") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("../img/player_controls.png") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../img/player_controls.png") -41px -42px no-repeat;
}
a.jp-stop {
	top:26px;
	background: url("../img/player_controls.png") 0 -83px no-repeat;
	width:28px;
	height:28px;
}
div.jp-playlist-player a.jp-stop {
	left:126px;
}
a.jp-stop:hover {
	background: url("../img/player_controls.png") -29px -83px no-repeat;
}
a.jp-previous {
	left:20px;
	top:26px;
	background: url("../img/player_controls.png") 0 -112px no-repeat;
	width:28px;
	height:28px;
}
a.jp-previous:hover {
	background: url("../img/player_controls.png") -29px -112px no-repeat;
}
a.jp-next {
	left:88px;
	top:26px;
	background: url("../img/player_controls.png") 0 -141px no-repeat;
	width:28px;
	height:28px;
}
a.jp-next:hover {
	background: url("../img/player_controls.png") -29px -141px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:32px;
	background-color: #181817;
	width:192px;
	height:15px;
}
div.jp-playlist-player div.jp-progress {
	left:164px;
}
div.jp-load-bar {
	background: url("../img/player_controls.png") 0 -202px repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../img/player_controls.png") 0 -218px repeat-x ;
	width:0px;
	height:15px;
}
a.jp-volume-min {
	top:32px;
	background: url("../img/player_controls.png") 0 -170px no-repeat;
	width:18px;
	height:15px;
}
div.jp-playlist-player a.jp-volume-min {
	left:376px;
}
a.jp-volume-min:hover {
	background: url("../img/player_controls.png") -19px -170px no-repeat;
}
div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:37px;
	background: url("../img/player_controls.png") 0 -250px repeat-x;
	width:35px;
	width:35px;
	height:5px;
	cursor: pointer;
}
div.jp-playlist-player div.jp-volume-bar {
	left:394px;
}
div.jp-volume-bar-value {
	background: url("../img/player_controls.png") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:49px;
	width:192px;
	font-size:.64em;
	font-style:oblique;
	text-align:left;
}
div.jp-total-time {
	text-align: right;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
	left:164px;
}
div.jp-playlist-player div.jp-playlist {
	padding: 0px;
	border:1px solid #181817;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	width: 100%; border-top: 0px;
	background-color:#181817;
	margin-left:auto;
	margin-right:auto;
}
a.jplayer_playlist_current {
	color: #3B7306;
}

 /*For jScrollPane Jquery plugin*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #2B2B2B;
}
.jScrollPaneDrag {
	position: absolute;
	background: #6BB800;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*-----------------------yshout box styles------------------------*/

.yshout-wrapper {
	background: #181817;
	height: 375px;
	width: 100%;
}

#yshout * {
	margin: 0;
	padding: 0;
}

#yshout {
	border: solid 1px #181817;
	margin: 0 auto;
	max-height: 425px;
	width: 345px;
	position: relative;
	overflow: hidden;
	text-align: left;
	font: 11px/1.4 Arial, Helvetica, sans-serif;
}

/* Posts
------------------------------------- */

#yshout #ys-posts {
	position: relative;
	background: #1D1D1D;
	width: 100%;
	overflow: auto;
}

#yshout .ys-post {
	border-bottom: 1px solid #181817;
	margin: 0 5px;
	padding: 5px;
	position: relative;
	overflow: hidden;
}


#yshout .ys-admin-post .ys-post-nickname {
	padding-left: 11px;
	background: url(../img/star.gif) 0 2px no-repeat;
}


#yshout .ys-post-timestamp {
	color: #6bb800;
}

#yshout .ys-post-nickname {
	color: #4D8409;
} 

#yshout .ys-post-message {
	color: #6bb800;
}


/* Banned
------------------------------------- */

#yshout .ys-banned-post .ys-post-nickname,
#yshout .ys-banned-post .ys-post-message, 
#yshout .ys-banned-post {
	color: #b3b3b3 !important;
}

#yshout #ys-banned {
	position: absolute;
	z-index: 75;
	width: 500px;
	height: 100%;
	_height: 430px;
	top: 0;
	left: 0;
	margin: 0 5px;
	background: #fff;
}

#yshout #ys-banned span {
	position: absolute;
	display: block;
	height: 20px;
	margin-top: -10px;
	top: 50%;
	padding: 0 20px;
	color: #666;
	text-align: center;
	font-size: 13px;
	z-index: 80;
}

#yshout #ys-banned a {
	color: #999;
}

#yshout #ys-banned a:hover {
	color: #666;
}
	
/* Hover Controls
------------------------------------- */

#yshout .ys-post-actions {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	font-size: 11px;
	z-index: 50;
	background: #1D1D1D;
	color: #6bb800;
}

#yshout .ys-post:hover .ys-post-actions {
	display: block;
}

#yshout .ys-post-info {
	color: #6bb800;
}

#yshout .ys-post-info em {
	font-style: normal;
	color: #6bb800;
}

#yshout .ys-info-overlay {
	display: none;
	position: absolute;
	z-index: 45;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1D1D1D;
	padding: 5px;
}

#yshout .ys-info-inline {
	display: none;
	margin-top: 2px;
	padding-top: 3px; 
	border-top: 1px solid #181817;
}

/* Post Form
------------------------------------- */

#yshout #ys-post-form {
	height: 40px;
	line-height: 40px;
	background: #181817;
}

	#yshout #ys-input-nickname,
	#yshout #ys-input-message {
		font-size: 11px;
		padding: 2px;
		color: #6bb800;
		background: #1D1D1D;
		border: 1px solid #1D1D1D;
	}
	
	#yshout #ys-post-form fieldset {
		_position: absolute;
		border: none;
		padding: 0 10px;
		_margin-top: 10px;
	}

	#yshout #ys-input-nickname {
		width: 80px;
		margin-left: 5px;
	}
	
	#yshout #ys-input-message {
		margin-left: 5px;
		width: 145px;
	}
	
	#yshout #ys-input-submit {
		background:url(../img/btn.png);
		color: #6bb800;
		border: none;
		font-size: 11px;
		height: 16px;
		width: 64px;
		margin-left: 5px;
	}
	
	#yshout #ys-input-submit:hover {
		cursor: pointer;
	}

	#yshout .ys-before-focus {
		color: #b3b3b3;
	}
	
	#yshout .ys-after-focus {
		color: #000;
	}
	
	#yshout .ys-input-invalid {

	}

	#yshout .ys-post-form-link {
		margin-left: 5px;
		
	}


/* Overlays - This should go in all YShout styles
------------------------------------- */

#ys-overlay {
	position: fixed;
	_position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

* html body {
	height: 100%;
	width: 100%;
}

#ys-closeoverlay-link,
#ys-switchoverlay-link {
	display: block;
	font-weight: bold;
	height: 13px;
	font: 11px/1 Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	margin-bottom: 1px;
	outline: none;
	float: left;
}

#ys-switchoverlay-link {
	float: right;
}

.ys-window {
	z-index: 102;
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
}
	
	#ys-cp {
		margin-top: -220px;
		margin-left: -310px;
		width: 620px;
	}
	
	#ys-yshout {
		margin-top: -250px;
		margin-left: -255px;
		width: 500px;
	}
	
	#ys-history {
		margin-top: -220px;
		margin-left: -270px;
		width: 540px;
	}

#yshout .ys-browser {
	border: none !important;
	outline: none !important;
	z-index: 102;
	overflow: auto;
	background: transparent !important;
}

	#yshout-browser {
		height: 580px;
		width: 510px;
	}
	
	#cp-browser {
		height: 440px;
		width: 620px;
		_height: 450px;
		_width: 440px;
	}
	
	#history-browser {
		height: 440px;
		width: 540px;
		border-top: 1px solid #545454;
		border-left: 1px solid #545454;
		border-bottom: 1px solid #444;
		border-right: 1px solid #444;
	}


/*
 * SimpleModal contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 * Modified by ArmoredCavalry - http://www.SoundSerum.com/
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#1A1A1A; color:#6BB800; height:40px;}
#contact-container .contact-content ul {margin: 15px 15px 25px 30px; padding: 15px 15px 20px 30px;}
#contact-container h1 {color:#6BB800; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../img/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../img/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#6BB800;}
#contact-container .contact-bottom a:hover {color:#6BB800;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#6BB800; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; color:#1A1A1A; background:url(../img/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; color:#1A1A1A; background:url(../img/contact/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#6BB800;}
#contact-container a.modalCloseX:hover {color:#3B7306;}
