/* CSS Document */


@import url(text.css);
@import url(menu.css);

form {
   margin: 0px;
}

div.alertback {
	background-color:#bdc7d8;
	padding:10px;
	margin-bottom:0px;
	color:#FFF;
}

div.alertback2 {
	font-style: italic;
	background-color:#FFFFFF;
	padding:10px;
	margin-top:0px;
	border: 1px solid #bdc7d8;
}

td.profileback {
	background-color:#CCFFFF;
}

td.sidetext {
	font-size: 9pt;
	font-style: italic;
}

.asterisk {
	color:#CC0000;
	font-size: 13px;
}

#header-tagline {
	font-size:11px;
}

body {
	background-color: #e4e8f0; 
	background-image: url("../images/background.jpg");
	background-position:top;
	background-repeat:repeat-x;
	margin: 0px;
}

table.firstable {
	background-color:#330000;
}

table.secondtable {
	background-color:#220000;
}

table.bluetable  {
	background-color: #cccccc;
	/* background-color:#162937; */
}

.graytable {
	background-color: #dddddd;
	border-color:     #ffffff;
}

.burgtd {
	background-color:#220000;
}

.bluetd  {
	background-color:#162937;
}

.inputtext, .inputpassword {
	border: 1px solid #bdc7d8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	padding: 3px;
}

.profile-nav {
padding: 3px;
border: 1px solid #dddddd;
background-color: #eeeeee;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
}

/* Wrappers are the outer containers for boxes. */
/* They provide the position and width of each box. */
.wrapper {
   float:            left;
   text-align:       center;
   padding:          5px;
   overflow:         hidden;
   line-height:      1em;
}

.msgwrapper {
   width:            770px;
}

#artistframe .biowrapper {
   width:            500px;
}

#artistframe .biowrapper2 {
   width:            760px;
}


#artistframe .contribwrapper, #albumframe .contribwrapper, #songframe .contribwrapper {
   width:            250px;
   float:            right;
}

#artistframe .infowrapper {
   display:          none;
   width:            500px;
}

#albumframe .albumwrapper {
   width:            500px;
}

#albumframe .songwrapper {
   width:            500px;
}

#songframe .songwrapper {
   width:            500px;
}

#searchframe .searchwrapper {
   float:            none;
   width:            580px;
}

#searchframe .adwrapper {
   display:          none;
   float:            right;
}

#ownerframe .ownerwrapper {
   width:            100%;
}

#postframe .msgwrapper {
   float:            right;
   width:            590px;
}

/* Defines the style for the H2 header of each box. */
.wrapper h2 {
   padding:          10px 0px 10px 0px;
   margin:           0px;
   height:           20px;
}

/* Boxes hold the actual content for each area. */
/* The style defines the height of each area. */
.box {
   position:         relative;
   padding:          0px;
   margin-top:       10px;
   background-color: #FFFFFF;
   border:           1px solid #162937;
   text-align:       left;
   overflow:         hidden;
}

.biobox {
   height:           355px;
}

.biobox2 {
   height:           175px;
}

.biobox3 {
   height:           75px;
}

#albumframe .contribbox, #songframe .contribbox {
   height:           324px;
}

#artistframe .contribbox {
   height:           355px;
}

.msgbox {
   padding:          5px;
}

.infobox {
   height:           180px;
}

.albumbox {
   height:           324px;
}

.songbox {
   height:           324px;
}

.ownerbox {
   width:            100%;
}

.picturebox img {
   margin:           4px;
}

.adbox {
   height2:           550px;
   text-align2:       center;
}

/* Details represents a thumbnail image with text to the right. */
.detail {
   float:            left;
   text-align:       left;
   line-height:      1.4em;
   margin:           1px;
   padding:          5px;
   border:           5px solid  #EEEEEE;
}

.biocol1, .albumcol1, .ownercol1 {
   width:            150px;
   height:           150px;
   text-align:       center;
   clear:            both;
}

.biocol2 {
   width:            304px;
   height:           150px;
}

.biocol3 {
   width:            476px;
   height:           165px;
}

.albumcol2 {
   width:            304px;
   height:           302px;
}

.albumcol3 {
   width:            150px;
   height:           130px;
   text-align:       center;
}

.contribcol1, .searchcol1 {
   width:            65px;
   height:           65px;
   text-align:       center;
   clear:            both;
}

.contribcol2 {
   width:            170px;
   height:           50px;
   overflow:         hidden;
}

.songcol1 {
   width:            235px;
   height:           165px;
}

.songcol2 {
   float:            right;
   width:            219px;
   height:           165px;
}

.msgcol1 {
   float:            left;
   width:            120px;
   font-size:        .8em;
   margin-bottom:    10px;
}

.msgcol2 {
   float:            right;
   width:            450px;
   margin-bottom:    10px;
}

.searchcol1 img {
   margin-top:       7px;
}

.searchcol2 {
   float:            right;
   height:           65px;
   width:            469px;
}

.ownercol2 {
   width:            584px;
}

.wrapper .tab {
   padding:          4px 10px 4px 10px;
   border-right:     1px solid #162937;
   border-bottom:    1px solid #162937;
   border-left:      1px solid #162937;
   margin:           0px;
   background-color: #FFF3F3;
   text-align:       center;
   font-size:        8pt;
   white-space:      nowrap;
   cursor:           pointer;
}

.wrapper .spacertab {
   padding:          4px 10px 4px 10px;
   /*border-right:     1px solid #FFFFFF;
   border-bottom:    1px solid #FFFFFF;
   border-left:      1px solid #FFFFFF;
   margin:           0px; */
   font-size:        8pt;
}

.wrapper .left {
   float:            left;
   width:            auto;
}

.wrapper .right {
   float:            right;
   width:            auto;
}

.searchwrapper .results {
   margin:           0px;
   min-height:       30px;
}

.paging a, .paging .page, .paging .dotdotdot {
   margin-left:      3px;
   margin-right:     3px;
}

.greydatabox {
   border:           10px solid #000000;
   background-color: #FFFFFF;
   padding:          15px;
   
}

hr {
	background-color: #aa2252;
}

.box2 {
   padding:          10px;
   border:           1px solid #dddddd;
   background-color: #eeeeee;
}

.box1 {

float: left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #dddddd;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
border-left-color: #dddddd;
margin-right: 10px;
background-color: #ededed;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
}

.box1_headings {
color: #111111;
font-size: 15px;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
}

.btnav {
   background-color: #FFFFFF; 
} 

hr {
   border-left:0pt none -moz-use-text-color; border-right:0pt none -moz-use-text-color; border-top:1px solid #cccccc; border-bottom:1px solid #efefef; width: 80%;
   height: 2px;
   margin-top: 10px;
   margin-right: auto;
   margin-bottom: 0pt;
   margin-left: 0pt;
   text-align: left
}

.firsttablerow, h2.white {
	background-color:#FFFFFF;
}

.lpadding {
	padding-left:  15px;
}

.rpadding {
	padding-right: 15px;
}


.clr, .clear { clear: both; }

.hidden {
   display: none;
}

.gradient-bg-bluegray {
   background-image: url("/images/bggradient-bluegray.jpg");
   background-repeat:repeat-x;
   background-color:#aaaaaa;
}

.bg-blue-white {
   background-image: url("/images/bg-whitehead.jpg");
   background-repeat:repeat-x;
   background-color:#cccccc;
}

#mainbg {

}

ul.horizontal {
   margin:           0px;
   padding:          0px;
   list-style-type:  none;
}

ul.horizontal li {
   display:          block;
   width:            80px;
   padding:          3px;
   margin:           0px;
   float:            left;
}

ul.horizontal li.steps {
   background-color: #dddddd;
   padding:          10px;
   margin:           0px;
   border-left:      1px solid #eeeeee;
   border-top:       1px solid #eeeeee;
   border-right:     1px solid #aaaaaa;
   border-bottom:    1px solid #aaaaaa;
   cursor:           pointer;
   text-align:       center;
}

ul.horizontal li.active {
   background-color: #eeeeee;
   border-left:      1px solid #cccccc;
   border-top:       1px solid #cccccc;
   border-right:     1px solid #888888;
   border-bottom:    1px solid #888888;
   font-weight:      bold;
}

ul.vlist {
   margin:          0 0 20px 10px;
   padding:         0;
   list-style-type: none;
   clear:           left;
}

ul.vlist li {
   position:        relative;
   display:         block;
   padding:         3px;
   margin:          2px;
}

input.lookup_text {
   background-color:      white;
   background-image:      url(/images/icon_lookup.gif);
   background-repeat:     no-repeat;
   background-attachment: scroll;
   background-x-position: 5px;
   background-y-position: 5px;
   padding-left:          20px;
}

input.lookup_button {
   font-size:       .9em;
   margin:          0px 5px 0px 5px;
}

div.buttons {
   margin:          30px 0px 15px 0px;
   padding-top:     15px;
   border-top:      1px dotted #999999;
   text-align:      right;
}

input.action {
   margin-left:     10px;
   margin-right:    10px;
}

.sep_dot {
   height:          1px;
   width:           100%;
   margin:          15px 0px 15px 0px;
   border-top:      1px dotted #999999;
}

.sep_dot_short {
   height:          1px;
   width:           100%;
   margin:          5px 0px 5px 0px;
   border-top:      1px dotted #999999;
}

.popup {
   position:         absolute;
   max-height:       300px;
   width:            400px;
   background-color2: #FFFFFF;
   opacity:          0.97;
   filter:           alpha(opacity=97);
   overflow:         auto;
   text-align:       left;
   border:           5px solid #000000;
   padding:          10px;
   background-color: #cccccc;
}

.popup .header {
   font-size:        1.2em;
   font-weight:      bold;
   margin:           5px 5px 10px 5px;
}

.popup .left {
   font-weight:      bold;
   background-color: #cccccc;
   width:            100px;
}

.popup .right {
   background-color: #FFFFFF;
}


th {
   text-align:       center;
}

/*************************************/
/* Table Sorting Styles              */
/*************************************/
table.sorted {
   border:           0;
   padding:          0;
   margin:           0 0 1em;
   border-left:      1px solid #336;
   border-top:       1px solid #336;
   float:            left;
   clear:            left;
}

table.sorted tbody td, table.sorted thead th {
   border:           0;
   margin:           0;
   padding:          2px 5px;
   border-right:     1px solid #336;
   border-bottom:    1px solid #336;
   background-color: #EAEEF3;
}

table.sorted thead th {
   padding:          2px 10px;
   white-space:      no-wrap;
   background-color: #B4C4D1;
   border-bottom:    2px solid #003;
   text-align:       center;
}

table.sorted tbody td[axis='number'], table.sorted tbody td[axis='date'] {
   text-align:       right;
}

table.sorted tbody .odd td {
   background-color: #E8ECF1 !important;
}

table.sorted tbody .even td {
   background-color: #DDE5EB !important;
}

table.sorted tbody .hover td {
   background-color: #A5B3C9 !important;
}

table.sorted thead .sortedminus {
   background-color: #ecc !important;
}

table.sorted thead .sortedplus {
   background-color: #cec !important;
}

table.sorted tbody .selrow td {
   background-color: #879AB7 !important;
   

li.down {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}   
   
   

/*************************************/

/* Search form area in header.php */

li.formLabelSearch {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 20px;
}

form {
	display: inline;
}

.formLabel {
	margin: 0 10px 0 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
}

.search_large {
   padding:          6px;
   text-align:       center;
}

.search_large .searchBar {
	margin:           0px 5px 0px 10px;
	padding:          2px;
	height:           30px;
	width:            400px;
	color:            #000000;
	background-color: #EEEEEE;
	font-size:        20px;
	border:           1px solid #DDDDDD;
}

.search_large #go {
	margin:           0px;
	padding:          2px;
	font-size:        20px;
	border:           1px solid #DDDDDD;
}

.search_large #go.active {
	color:            #FFFFFF;
	background-color: #162937;
	cursor:           pointer;
}

.search_large #go.inactive {
	color:            #CCCCCC;
	background-color: #666666;
	cursor:           default;
}

.search_large .list {
   text-align:       center;
}

.search_small {
   padding:          6px;
   text-align:       left;
   width:            310px;
   float:            right;
}

.search_small .searchBar {
	margin:           0px 5px 0px 0px;
	padding:          2px;
	height:           15px;
	width:            190px;
	color:            #000000;
	background-color: #EEEEEE;
	font-size:        10px;
	border:           1px solid #DDDDDD;
}

.search_small #go {
	margin:           0px;
	padding:          2px;
	font-size:        10px;
	border:           1px solid #DDDDDD;
}

.search_small #go.active {
	color:            #FFFFFF;
	background-color: #162937;
	cursor:           pointer;
}

.search_small #go.inactive {
	color:            #CCCCCC;
	background-color: #666666;
	cursor:           default;
}

.search_small .list {
   text-align:       left;
   width:            100%;
}

/* Home Page Banner */

.homeBrandImg {
	margin: 0;
	padding: 0;
	width: 740px;
	height: 254px;
	background: #ffffff url("../images/homebrand.jpg") no-repeat center center;
}

/* Message Board Styling */

.messageH2 {
	margin: 20px 0 20px 0px;
	padding: 0;
	width: 760px;
	float: left;
}

.messageWrap {
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 760px;
	background-color: #ffffff;
	border: 1px solid #000000;
	float: left;
}

.messageTitlesWrap {
	margin: 2px 2px 2px 2px;
	padding: 0;
	width: 750px;
	/*
	border: 1px solid #111111;
	*/
	float: left;
}

.messageTitlesWrap ul {
	margin: 0;
	padding: 0 0 0 0px;
	width: 750px;
	list-style-type: none;
}

.messageTitlesWrap li {
	margin: 5px 0 5px 0;
	padding: 0 0 0 5px;
	float: left;
}

.post {
	margin: 5px 2px 5px 2px;
	padding: 0;
	width: 355px;
}

.user {
	margin: 5px 0px 5px 0;
	padding: 0;
	width: 175px;
}

.author {
	color:#990000;
}

.date {
	margin: 5px 5px 5px 2px;
	padding: 0;
	width: 155px;
}

/* Message Board Page2 */

.replies2 {
	margin: 5px 5px 5px 2px;
	padding: 0;
	width: 80px;
}

.post2 {
	margin: 5px 2px 5px 2px;
	padding: 0;
	width: 300px;
}

.user2 {
	margin: 5px 0px 5px 0;
	padding: 0;
	width: 150px;
}

.author2 {
	color:#990000;
}

.date2 {
	margin: 5px 5px 5px 2px;
	padding: 0;
	width: 155px;
}

/* Message Board Post Page (3) */
.replies3 {
	margin: 5px 5px 5px 2px;
	padding: 0;
	width: 80px;
}

.date3 {
	margin: 5px 5px 5px 2px;
	padding: 0;
	width: 255px;
}

.post3 {
	margin: 5px 2px 5px 2px;
	padding: 0;
	width: 300px;
}

.user3 {
	margin: 5px 0px 5px 0;
	padding: 0;
	width: 170px;
}

.author3 {
	color:#990000;
}

.message3 {
	margin: 5px 5px 5px 15px;
	padding: 0;
	width: 500px;
}



/* Message Board Page2 -- end */


.messageBody {
	margin: 2px 2px 2px 2px;
	padding: 0;
	width: 750px;
	background-color:#eeeeee;
	float: left;
}

.messageBody ul {
	margin: 0;
	padding: 0 0 0 0;
	width: 750px;
	list-style-type: none;
}

.messageBody li {
	margin: 5px 0 5px 0;
	padding: 5px;
	float: left;
}

.messagePages {
	margin: 2px 2px 2px 2px;
	padding: 0;
	width: 750px;
	float: left;
}

.postmsg {
	padding: 15px;
}


/* Message Board Typography */

.messageTitlesWrap li {
	color: #111111;
	font-size: 14px;
	font-weight:bold;
	text-align: left;
}

.messageBody li {
	color: #333333;
	font-size: 12px;
	text-align: left;
}

.user3 li {
	color: #555555;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height:14px;
}

.message3 {
	color: #555555;
	font-size: 11px;
	text-align: left;
	line-height:14px;
}
.post3 {
	color: #111111;
	font-size: 15px;
	text-align: left;
	font-weight:bold;
}


.mb-table {
	background-color: #f5f5f5;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e1e1e1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
}

.bbcode {
   font-size:           7.5pt;
   margin-right:        2px;
   min-width:           20px;
   font-family:         Verdana;
}

.formnotifier {
  color: #a0a0a0;
  font-size: 12px;
  font-style: italic;
  overflow: hidden;
  padding:0 5px;
  position: absolute;
  text-align: left;
  z-index: 100;
}

#footerwrap {
    text-align:left;
    width:750px;
}