/*--------------------- MAIN BODY STYLING --------------------*/

body{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:80%;
	text-align:center;
	background-color:#c4e4fc; 
	height:100%;
	font-weight:normal;
	font-variant:normal;
	font-style:normal;
	margin-top:0;
	padding-top:0;
	background: #c4e4fc url(images/pagebg.jpg);
	background-repeat:repeat;
	/* test style above - ready for site bg image */
}



/*--------------------------- HEADER TAGS --------------------------*/
	
h1, h2, h3, h4, h5, h6 {
	margin-bottom:1.2em; text-align:left;
}

h1 {
	color:#175e95;
	text-align:center;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
}




/*------------------------------ BANNER DIV STYLE --------------------------------*/

/* Peter Epp Apr 20th, fixed height and used border to put in the black gap. Added tiling background image */
div#header {
	margin:0 auto;
	width:100%;
	height:105px;
	border-bottom: 3px solid #000;
	background: url(images/header-background.jpg) left top repeat-x;
	text-align:center;
}

/*------------------------------------NAVIGATION---------------------------------------*/

/*---------------- CROSS BROWSER DROPDOWN MENU  -------------------*/


/* ---------------- overall div surrounding nav bar -------------------------- */


div#outernav{
	width:100%;
	height:33px;
	background-color:#237abd;
}


/*---- cross browser dropdown menu margin -----*/

ul#nav {
	margin: 0 0 0 85px;
}


/* -------- utility menu surrounding margin -------- */
ul#nav2 {
	margin: 0 0 0 150px;//less menu items, indented more
}


ul.drop a { 
	display:block; 
	color: #fff; 
	font-family: Verdana; 
	font-size: 14px;
	text-decoration: none;
	text-align:left;
}


ul.drop, ul.drop li, ul.drop ul { 
	list-style: none; 
	margin: 0;
	padding: 0; 
	border: 1px solid #237abd; 
	background: #237abd; 
	color: #fff;
}

ul.drop {
	position: relative; 
	z-index: 597; 
	float: left; 
}
	ul.drop li { 
	float: left;
	line-height: 1.3em; 
	vertical-align: middle;
	zoom: 1; 
	padding: 5px 10px; 
}


ul.drop li.hover, ul.drop li:hover { 
	position: relative; 
	z-index: 599; 
	cursor: default; 
	/* background: #2626CC; */
	background:#014981;
}

ul.drop ul { 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	z-index: 598; 
	width: 195px; 
	background: #555; 
	border: 1px solid #fff; 
}

ul.drop ul li { 
	float: none;
}

ul.drop ul ul { 
	top: -2px; 
	left: 100%;
}

ul.drop li:hover > ul {
	visibility: visible;
}


/*----------------- MSGBOX STYLE - (discontinued- see note)-------------------*/

/* note: used on test page */

.msgbox{
	width:60%;margin-left:20%;margin-right:20%;
	font-size:17px;
	border:3px solid #000;
	color:black;
	background-color:#5caae6;
	padding:1em;
	text-transform:none;
}


table.msgbox a {
	color:black;
	text-decoration:none;
	border-bottom:1px #666 dashed;
}

table.msgbox a:hover, table.msgbox a:active {
	text-decoration:none;
	border-bottom:1px #000 solid;
}


/*--------------------- VIDEO PAGE TABLE STYLE -----------------------------*/

.video_page{
	margin:0 auto;
	color:black;
	background-color:#5caae6;
	width:60%;
	border:2px solid black;
	cellpadding:5px
	/*border-collapse:collapse;*/
}

.video_page td{
	border:1px solid black;
}

td p{
	margin-top:0;//data in fc_art table has paragraph tags
	padding-top:0;//see above
}




/* ------------------------------ LINK STYLES ----------------------------- */
/* ------------------------------ LINK STYLES ----------------------------- */
/* ------------------------------ LINK STYLES ----------------------------- */
/* ------------------------------ LINK STYLES ----------------------------- */



/*------------------------- DASHED LINKS STYLE OCT 23/12 ------------------*/


.dashlinks {
	color:black;
	text-decoration:none;
	border-bottom:1px #666 dashed;
}


.dashlinks a {
	color:black;
	text-decoration:none;
	border-bottom:1px #666 dashed;
}


.dashlinks a:active, a:hover {
	text-decoration:none;
	border-bottom:1px #000 solid;
}




/*------------------------- RED LINKS STYLE ------------------*/


/* not used? - won't work with radian box function, as it has own styles */
.redlinks {
	color:#BDC470;
	text-decoration:none;
	border-bottom:1px #BDC470 dashed;
}



.redlinks a {
	color:red;
	text-decoration:none;
	border-bottom:1px red dashed;
}


.redlinks a:active, a:hover {
	text-decoration:none;
	border-bottom:1px #000 solid;
}


/*------------------------- BLUE LINKS STYLE ------------------*/



.bluelinks {
	color:blue;
	text-decoration:none;
	border-bottom:1px dashed;
}



.blueinks a {
	color:red;
	text-decoration:none;
	border-bottom:1px blue dashed;
}


.bluelinks a:active, a:hover {
	text-decoration:none;
	border-bottom:1px #000 solid;
}





/*---------------------------IMAGE LINK STYLES --------------------*/
a img{
	border:none;
	text-decoration:none;
}




/*--------------------------- MISCELLANEOUS STYLES ---------------------------*/
/*--------------------------- MISCELLANEOUS STYLES ---------------------------*/
/*--------------------------- MISCELLANEOUS STYLES ---------------------------*/


.standout{
	color:blue;
}


/* --------------------- general info boxes -------------------------------- */

.general_info{
	margin:0 auto;
	width:750px;
	padding:8px;
	border:1px solid #000;
	border-radius: 30px ;
	color:black;
	background-color:#5caae6;
	font-size:16px;
	text-align:left;
}


/*--------------------------- MISCELLANEOUS STYLES END ---------------------------*/
/*--------------------------- MISCELLANEOUS STYLES END ---------------------------*/
/*--------------------------- MISCELLANEOUS STYLES END ---------------------------*/



/*------------------------------- FORMS STYLE ------------------------------------*/


form.registration {
	text-align:left;
	color:#666;
}


form.registration fieldset {
  margin-bottom: 10px;
  padding:10px;
  border:#CCC thin dotted;
}
form.registration legend {
  padding: 0 2px;
  font-weight: bold;
  color:#666;
  background-color:#fff;
}
form.registration label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  text-align:left;
}
form.registration fieldset ul {
  margin: 0;
  padding: 0;
}
form.registration fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  border-top:thin #fff solid;
  background-color:#ACF9A4;
  text-align:left;
  display:block;
}
form.registration fieldset li:last-child  {
	  border-bottom:thin #fff solid;
}

form.registration fieldset li.even {
	background-color:#D9F9FF;
}

form.registration fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.registration fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.registration fieldset fieldset label {
  display: block;
  width: auto;
}
form.registration em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.registration label {
  width: 150px; /* Width of labels */
}
form.registration fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.registration a {

	color:black;
	text-decoration:none;
	border-bottom:1px #666 dashed;
}

form.registration a:hover, form.registration a:active {
	text-decoration:none;
	border-bottom:1px #000 solid;
}



/* ----------------------------- artist's table style (main page) ---------------- */
.artists2{
	margin: 0 auto;
	width:85%;
	border:3px solid #000;
	border-radius: 30px ;
	/* <?php $mycolor=get_css_color(1); ?> */
	/* background-color:<?php echo $mycolor; ?>; */
	/* 2 lines above for get_css_color() function - disable when no longer needed */
	/* background:#62b2f0;//old background */
	background:#7AC1F8;//new value

}

.artists2 td {
	border:1px solid #000;
	border-radius: 30px ;
	text-align:center;
	/* <?php $mycolor=get_css_color(2); ?> */
	/* background-color:<?php echo $mycolor; ?>; */
	/* 2 lines above for get_css_color() function - disable when no longer needed */
	/* background-color:#12619e;//bm original color */
	background-color:#1194F9;//suggested new color
	width:20%;
	padding-top:5px;
	padding-bottom:5px;
}



.artists2 th {
	color:#175e95;
	text-align:center;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	border:2px solid #000;
	border-radius: 30px ;
	text-align:center;
	background:white;
	padding-top:5px;
	padding-bottom:5px;
}



/* ----------------------------- utility tables ---------------- */
.utility_table{
	margin: 0 auto;
	border:3px solid #000;
	color:black;
	background:#7AC1F8;
	border-collapse:collapse;
}

.utility_table caption {
	font-size:12px;
}


.utility_table td {
	border:1px solid #000;
	border-collapse:collapse;
	text-align:left;
	font-size:14px;
	color:black;
	background-color:#12619e;
	background:#7AC1F8; 
	padding-top:5px;
	padding-bottom:5px;
}

.utility_table tr {
	color:black;
	text-align:left;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	border:2px solid #000;
	border-collapse:collapse;
	background-color:#12619e;
	padding-top:5px;
	padding-bottom:5px;
}


.utility_table th {
	color:#175e95;
	text-align:left;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	border:2px solid #000;
	border-collapse:collapse;
	background:white;
	padding-top:5px;
	padding-bottom:5px;
}


/* ------------------------ STATS TABLES -------------------------- */

.stats_table{
	margin: 0 auto;
	border:3px solid #000;
	border-radius: 30px ;
	color:black;
	font-weight:bold;//debug testing
	background:#7AC1F8;
}

.stats_table caption {
	font-size:20px;
}


.stats_table td {
	border:1px solid #000;
	border-radius: 30px ;
	text-align:left;
	font-size:16px;
	color:black;
	background:#7AC1F8; 
	background:#7AC1F8 url(images/bg-image99.jpg) repeat-x top left;
	padding-top:5px;
	padding-bottom:5px;
}

.stats_table tr {
	color:black;
	text-align:left;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	border:2px solid #000;
	border-radius: 30px ;
	background-color:#12619e;
	padding-top:5px;
	padding-bottom:5px;
}


.stats_table th {
	color:#175e95;
	text-align:left;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	border:2px solid #000;
	border-radius: 30px ;
	background:white;
	padding-top:5px;
	padding-bottom:5px;
}


/* -------------------- standardized site colors ------------------------- */

td.fc_style1 {

	color:black;
	/* background:#1AEAED;//old color */
	background:#7AC1F8;//new color

}

input[class="fc_style1"]{

	color:black;
	/* background:#1AEAED;*/
	background:#7AC1F8;//new color
}


textarea[class="fc_style1"]{

	color:black;
	/* background:#1AEAED; */
	background:#7AC1F8;//new color
	/* scrollbar-base-color: #1AEAED; */
	scrollbar-base-color:#7AC1F8;//new color
}


/* ------------------ SPECIAL COLORS FOR FIELDS ON UTILITY TABLES --------------- */

tr.fc_tabwarn {
	color:white;
	background:red; 
	text-align:left;
}


td.fc_tabwarn {
	color:white;
	background:red; 
	text-align:left;
}

tr.fc_tabwhite {
	color:black;
	background:white; 
	text-align:left;
}


td.fc_tabwhite {
	color:black;
	background:white; 
	text-align:left;
}



tr.fc_tabyellow {
	color:black;
	background:yellow; 
	text-align:left;
}


td.fc_tabyellow {
	color:black;
	background:yellow; 
	text-align:left;
}




tr.fc_tabgreen {
	color:black;
	background:green; 
	text-align:left;
}


td.fc_tabgreen {
	color:black;
	background:green; 
	text-align:left;
}


fc_tabgreen tr {//debug testing alternate way of writing
	color:black;
	background:green; 
	text-align:left;
}


fc_tabgreen td {//debug alternate way of writing
	color:black;
	background:green; 
	text-align:left;
}





/* ------------------------ PRODUCTS TABLE ------------------------------------ */


.myproducts{
	width:70%;
	margin:0 auto;
	text-align:left;
	/*border:3px solid;*/
}

table.myproducts td{
	/* border:1px solid #000;*/
	font-size:12px;
	padding:2px;
}





/* --------------------------- STYLES FOR RADIAN_MSGBOX() FUNCTION ------------------- */
/* --------------------------- STYLES FOR RADIAN_MSGBOX() FUNCTION ------------------- */
/* --------------------------- STYLES FOR RADIAN_MSGBOX() FUNCTION ------------------- */

/* styles for radian message boxes are loaded in a php function called msgbox_styles() */
/* this is because the styles use php function calls 
/* style sheet is loaded first, these styles/functions in main style would cause errors */
/* see fc_functions.inc file for msgbox_styles() function */


/* --------------- styles for message box div tags ----------------- */

.msgboxdiv{

	margin-top:10px;
	margin-bottom:0;
	margin-left:40px;
	padding:0;//debug testing
}