body { font-family: tahoma, verdana, arial; font-size: 0.7em; color: #232323; background:url('images/darkgrey.gif'); padding-top: 2px; cursor: default;}
p { margin: 0px; padding: 5px 0px 0px 0px; cursor: default; line-height:1.5em; }
/*h1 { font-size: 1.2em; font-weight: bold; color: #606060; padding-bottom: 3px; margin: 0px; }*/
h1 { font-family: "Trebuchet MS", tahoma, arial; font-size: 1.2em; font-weight: bold; color: #505050; padding-bottom: 0px; margin: 0px; }
h2 { font-size: 1.2em; font-weight: bold; margin: 0px; color:  #EE3624; }
h3 { font-size: 1.2em; font-weight: bold; color: #da0000; margin: 0px; }
ul { margin: 0px; padding: 0px; list-style:none; }
img { border: 0px; margin: 0px; }
form { margin: 0px; padding: 0px; }
label { cursor: pointer; }
legend {color: #444; font-size: 1.2em; font-weight: bold; }
fieldset { border: 1px solid #E0E0E0; padding: 4px; margin:0px; margin-top: 8px; }
input, select, textarea { font-family: tahoma, verdana, arial; font-size: 1.0em; padding-left:2px;}
pre {margin:0px;padding:0px;font-size:0.9em;font-family:tahoma,verdana,arial;}

/* classes */
strong.s1 { color:#444444 }
strong.s2 { color:#6BB300; }
strong.s3 { color:#B32400; }
input.blue_button {background:url('images/redbg.gif');background-repeat:repeat-x;font-family:verdana,tahoma,arial;font-size:0.9em;color:white;font-weight:bold;padding: 1px 3px 1px 3px;margin-bottom:1px;cursor:pointer;border-top:1px solid #ffd399;border-left:1px solid #ffd399; border-bottom:1px solid #000000; border-right:1px solid #000000;}
input.green_button {background:url('images/greenbg.gif');background-repeat:repeat-x;font-family:verdana,tahoma,arial;font-size:0.9em;color:#666666;font-weight:bold;padding: 1px 3px 1px 3px;margin-bottom:1px;cursor:pointer;border-top:1px solid #E9E9C1;border-left:1px solid #E9E9C1; border-bottom:1px solid #98A574; border-right:1px solid #98A574;}
input.chkbox{margin-left:0px;margin-bottom:0px;}
input.radio {margin-bottom:-2px; margin-left:-1px;}
input.input_file {  }
input.yellow { border: 0px; background-color: #FFFFE6; color:#606060; padding: 3px; margin: 0px; }
ul.ls_menu li { margin: 0px 0px 4px 0px; }
ul.ls_menu2 li { margin: 2px 0px 6px 0px; }
ul.ls_menu3 li { padding: 5px 0px px 9px; }
img.img1 { margin-bottom: -2px; }
span.green { color: #708059 }
span.hilite { background-color: #E0E0E0; }
span.underline { border-bottom: 1px solid #444444; }
span.small { color: #808080; }
span.smalltext { font-size: 0.9em; }
span.help { color: #55A055; cursor: help; border-bottom: 1px dotted;}
span.link { color: #da0000; cursor: pointer; }
span.link_clicked { color: #0055FF; cursor: pointer; font-weight: bold; }
span.link2 { color: #505050; cursor: pointer; font-size:0.9em; }
span.link3 { color: #404040; cursor: pointer; font-size:0.9em; }
span.link4 { color: #da0000; cursor: pointer; }
span.head1 { color: #404040; font-size:1.1em; font-weight: bold; }
span.sort { cursor:pointer; color: #444444; text-decoration:underline; }
.qinput { border: 1px solid #CCCCCC; padding:1px; }
.qinput input, input.qinput { border:0px; }
table.rowlines td { border-bottom: 1px solid #f0f0f0; }
table.galleryTable { width: 100%; }
table.galleryTable td { text-align:center; line-height:1.5em; color:#808080; font-size: 0.9em; }
table.galleryTable td span.image, table.galleryTable td.unselected span.image { display: block; padding: 2px; border: 1px solid #dddddd; background-color: white; margin: 0px auto 0px auto; }
table.galleryTable td.selected span.image { border: 1px solid #0153F5; background-color: #B7D7FF; }
table.galleryTable td span.image img { border: 1px solid white; display: block; margin-left: auto; margin-right: auto; }
table.galleryTable span.info { clear:both; display: block }
td.ct { text-align: center; }
td.cr { text-align: right; }
td.cl { text-align: left; }
td.tt { vertical-align: top; padding-top: 4px; }
div.outer{border: 1px #888888 solid;background-color: white;}
div.inner{padding: 8px;margin: 1px;border-right: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0;}
p.note1{font-size:0.9em;line-height: 1.3em;border:1px solid #FFBFBF;background-image:url('images/bg4.gif');padding:3px 3px 3px 5px;margin:5px 0px 5px 0px;}
p.p1{background-color:#f0f0f0;padding:5px;margin-bottom:4px;color:#404040;}
p.p2{margin:0px;padding:0px;}
div.box1{padding: 5px;background-color: #FAFAFA;}
div.box2 { margin-top: 3px; }
div.spacer { clear: both; font-size: 1px; }
div.announce_1 { padding:8px; margin-bottom: 5px; margin-left: -5px; margin-right: -5px; background-color:#e8e8e8; -moz-border-radius:5px; }
div.announce_2 { padding:8px; margin-bottom: 5px; margin-left: -5px; margin-right: -5px;background-color: #f4f4f4; -moz-border-radius:5px; }
div.announce_1 h1, div.announce_2 h1 { font-size: 1.2em;  font-family: tahoma, arial; }
div.announce_1 span, div.announce_2 span { color: #808080; font-size: 0.9em; }

h1.head1 { color:#454545; font-family: "Trebuchet MS", arial, tahoma; font-size: 1.2em; margin: 0px; padding: 0px; }

.color1 { background-color: #FCFCFC; }
.color2 { background-color: #F9F9F9; }
.color3 { background-color: #D0D0D0; }
.color4 { background-color: #f9f9f9; }









/* IDs and stuffs*/
#credit{text-align:center;font-size: 0.9em;color: #aaaaaa;line-height: 1.5em;margin-top:23px;}
#credit a { color: #aaaaaa; }
#container{width: 760px;padding-top:0;margin:0px auto 0px auto;background-color: white;border: 3px solid #454545;}
#container2{padding: 0px;border: 1px solid #fff;}
#menu2 a {display:block; float: left;font-size:1.0em;color:#454545;font-weight:bold;text-decoration:none;padding: 4px 7px 2px 7px; background:url('images/micon.gif'); margin-right: 10px; }
#menu2 a:hover{text-decoration:none; color:#4483DC; background:url('images/micon2.gif'); }
#menu2{padding:60px 3px 22px 10px;background:url('images/mbarbg3.png');background-repeat:repeat-x;background-color:#606060;line-height:1.4em;color:white;   }

#menu { background:url('images/mbarbg6.gif');  margin-left: 10px; margin-right: 10px; padding: 2px 2px 0px 2px; height: 25px; }
#menu a { margin-right: 5px; }

#menu_links { padding: 6px; float:left; width: 713px;}

#skinny {margin: 0px 0px 0px 0px;padding-top:0px;padding-bottom:0px;font-size: 0.9em; font-weight:bold;font-size:1.4em;font-family:arial, tahoma;line-height:5px;}


#top {margin: 0px 5px 0px 5px;padding-top:0px;font-size: 0.9em; font-weight:bold;font-size:1.4em;font-family:arial, tahoma;line-height:12px;}
#login {margin: 0px 5px 5px 5px;padding-top:0px;line-height:12px;}

#blankline {margin: 0px 5px 5px 5px;padding-top:0px;font-size: 0.9em; font-weight:bold;font-size:1.4em;color:#505050;font-family:'Trebuchet MS', arial, tahoma;}

#content{padding: 7px 10px 5px 10px; margin-top: 8px;}

#message{display:none;background-color:#ffd800;padding:8px;color:#404040;margin:0px;margin-bottom:5px;-moz-border-radius:5px;line-height:1.5em;}


ul#selectedFiles { display: block; margin: 0px; padding: 0px;}
ul#selectedFiles li { padding: 5px 5px 6px 5px; clear: both; -moz-border-radius: 5px; }
ul#selectedFiles li span.left { width: 85%; display: block; float: left; padding: 1px; }
ul#selectedFiles li span.right { width: 10%; display: block; float: right; padding: 2px; }

#alert_box {float:left;position:absolute;width:500px;left:50%;margin-left:-250px;top:100px;background-color:white;border:2px solid #fff;padding:3px;}
#alert_box h1 { background:url('images/mbarbg6.gif'); color: white; padding: 3px 0px 3px 8px; }
#alert_box p { padding: 7px; border-style: solid; border-color: black; border-width: 0px 1px 1px 1px; }


table#files_table { width: 100%; }
table#files_table td { vertical-align: top; padding-top:5px; }

.rounded { padding: 10px 7px 10px 10px; -moz-border-radius:6px; }
.red { background-color:#FFE6E6;border-bottom: 1px solid #FFBFBF; }
.green { background-color:#f4f4f4;border-bottom: 1px solid #DCE6CF; }
.gray { background-color:#e8e8e8;border-bottom: 1px solid #e5e5e5; }


td.red_tile { 
	background:  url('images/header/tiles/blaq_tile.gif') repeat;
 border: 0px solid;}
 
td.blaq_tile { 
	background:  url('images/header/tiles/blaq_tile.gif') repeat;
 border: 0px solid;}
 
td.blue_tile { 
	background:  url('images/header/tiles/blue_tile.gif') repeat;
 border: 0px solid;}


/* Link styles */
a:link    { text-decoration: none; color: #da0000; font-weight: bold; font-size: 11px;}
a:visited { text-decoration: none; color: #da0000; font-weight: bold; font-size: 11px;}
a:hover   { text-decoration: underline;  color: #000000;}


a.special:hover { text-decoration: underline; color: #000000;}
a.special, special:visited { text-decoration: none; color: #da0000; font-weight: bold; font-size: 11px;}

a.special2:hover { text-decoration: underline; color: #000000;}
a.special2, special2:visited { text-decoration: none; color: #da0000; font-weight: bold; font-size: 11px;}



a.special_green, a.special_green:visited { color: #5aa200; }
a.special_green:hover { text-decoration: none; }

a.twit_blue, a.twit_blue:visited { color: #4099FF; }
a.twit_blue:hover { text-decoration: underline;  color: #e49c00; }

a.folder_link { text-decoration: none; }
a.link2 { color: #888888; cursor: pointer; font-size:0.9em; text-decoration: none; }

a.blaq_link:hover { text-decoration: none; color: #000000; font-family: Arial; font-weight: bold; font-size: 12px; }
a.blaq_link, blaq_link:visited { text-decoration: underline; color: #000000; font-family: Arial; font-weight: bold; font-size: 12px;}

a.grey_link:hover { font-family: "Trebuchet MS", tahoma, arial; font-size: 1.2em; font-weight: bold; color: #878787; padding-bottom: px; margin: 0px;  text-decoration: underline;}
a.grey_link, grey_link:visited { font-family: "Trebuchet MS", tahoma, arial; font-size: 1.2em; font-weight: bold; color: #505050; padding-bottom: px; margin: 0px; text-decoration: none;}

a.gold_link:hover { text-decoration: none; color: #ffffff;}
a.gold_link, gold_link:visited { text-decoration: underline; color: #e49c00; font-weight: bold; font-size: 10px;}

a.white_link:hover { text-decoration: none; color: #ffffff;}
a.white_link, white_link:visited { text-decoration: underline; color: #ffffff; font-weight: bold; font-size: 10px;}

 a.img_link:hover { text-decoration: none; color: #232323; font-family: Arial; font-weight: bold; font-size: 12px; }
a.img_link, img_link:visited { text-decoration: underline; color: #232323; font-family: Arial; font-weight: bold; font-size: 12px;}

a.tiny_red:hover { text-decoration: underline; color: #000000;}
a.tiny_red, tiny_red:visited { text-decoration: none; color: #da0000; font-weight: bold; font-size: 10px;}


a.tiny_link:hover{ color: #505050; text-decoration:underline; font-size:10px;}
a.tiny_link, tiny_link:visited{ color: #505050; text-decoration:none; font-size:10px;}







#blank {
	padding-left: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-right: 0px; 
	line-height: 0px; 
}


/*Text Styles*/
.white_txt { 
color: #FFFFFF; 
font-size: 12px; 
font-family: Arial; font-weight: bold; }

.red_txt { 
color: #da0000; 
font-size: 11px; 
font-weight: bold; }


.blaq_txt { 
color: #000000; 
font-size: 12px; 
font-weight: bold; }


.gold_txt { 
color: #e49c00; 
font-size: 11px; 
font-weight: bold; }


.grey_txt { 
color: #a3a3a3; 
font-size: 10px; 
padding-right: 5px;}

.green_txt { 
color: #6cb80c; 
font-size: 12px; 
font-weight: bold; }

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


#right-content-top { padding:8px; }


div.grey_box { padding:0px 0px 5px 0px; margin-bottom: 5px; margin-left: -5px; margin-right: -5px; background-color:#e8e8e8; -moz-border-radius:5px; }

div.grey_box2 { padding:2px 1px 5px 3px; margin-bottom: 5px; margin-left: -5px; margin-right: -5px; background-color:#e8e8e8; -moz-border-radius:5px; }





#myBox {
  margin: 0.5in auto;
  color: #fff;
  width: 800px;
  height: 550px;
  padding: 20px;
  text-align: left;

  background-repeat: no-repeat;
}


td.dotted_tiles { 
	background:  url('images/tiles/dotted_tiles.gif') repeat;
 border: 0px solid; 	}
td.dotted_tiles_mp3 { 
	background:  url('images/tiles/dotted_tiles.gif') repeat;
 border: 0px solid; 	
padding-top: 15px;}
td.dotted_tiles_pay { 
	background:  url('images/tiles/dotted_tiles.gif') repeat;
 border: 0px solid; 	
padding-top: 0px;}



/* Light Box Styles*/

.thumbfade { 
	opacity: 0.3;
	padding-right: 0px;
	padding-bottom: 0px;
	border: 0px transparent #ffffff;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 50px; height: 50px; margin: 0 auto;}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 9px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }






/* End Light Box Styles*/

#designbox {
padding-left: 12px; 

padding-top: 10px; 

padding-bottom: 0px; 

padding-right: 0px; 
height: px;  
line-height: 16px; 

}

p.images {
padding-left: 0px; 
padding-top: 0px; 
padding-bottom: 0px; 
margin: 0px; 
}





/*SideBoxes*/

#grey_title {
  color: #fff;
  width: 211px;
  height: 30px;
  padding-left:10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: url(images/tiles/tile.gif);
  background-repeat: repeat;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;


  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
}



#grey_box_up {
  margin-top: 3px;
  color: #fff;
  width: 211px;
  height: 190px;
  padding-left:5px;
  padding-right:5px;
  background-image: url(images/tiles/tile_lite.gif);
  background-repeat: repeat;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;


  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
}


#grey_box_sound {
  margin-top: 3px;
  color: #fff;
  width: 211px;
  height: 90px;
  padding-left:5px;
  padding-right:5px;
  background-image: url(images/tiles/tile_lite.gif);
  background-repeat: repeat;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;


  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
}



.gold_txt_giant { 
font-family: Arial;
color: #ffd800; 
font-size: 25px; 
font-weight: bold; }

.white_txt_giant { 
font-family: Arial;
color: #ffffff; 
font-size: 25px; 
font-weight: bold; }

a.alt_link:hover { font-family: "Trebuchet MS", tahoma, arial; font-size: 1.2em; font-weight: bold; color: #878787; padding-bottom: px; margin: 0px;  text-decoration: underline;}
a.alt_link, grey_link:visited { font-family: "Trebuchet MS", tahoma, arial; font-size: 1.2em; font-weight: bold; color: #ffd800; padding-bottom: px; margin: 0px; text-decoration: none;}

