/* ******************************************* */
/* tceStyle.css                                */
/*                                             */
/* Created: April 12, 2006                     */
/*      By: Jonathan Bohn                      */
/*                                             */
/* ******************************************* */

/* ******************************************* */
/* IMAGES USED                                 */
/*                                             */
/* Images/tceHead.gif                          */
/* Images/tceBG6.gif                           */
/* Images/bluebar.gif                          */
/* Images/tbRed.gif                            */
/* Images/tbBlue.gif                           */
/* Images/tbDkBlue.gif                         */
/* ******************************************* */

/* ******************************************* */
/* COLOR PALETTE                               */
/*                                             */
/*  ----- Reds -----                           */
/*  CLC Red   rgb(237,27,45)             */
/*  Dark Red        rgb(152,0,46)              */
/*                                             */
/*  ----- Blues -----                          */
/* CLC Blue  rgb(0,96,169); #0060A9 replace #0D3793     */
/*  CLC Dark Blue   rgb(4,77,127);             */
/*  TCE Baby Blue   rgb(120,189,232);  #9DBCDA */
/* Shadow Blue  rgb(53,127,178);           */
/* Baby Blue  rgb(177,222,243);          */
/*                                             */
/* ----- Grays -----                          */
/* Smoke   rgb(188,190,192)           */ 
/* Light Gray  rgb(227,229,229)           */
/*                                             */
/* ******************************************* */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/


.clcRed{color:rgb(237,27,45)}            
.darkRed{color:rgb(152,0,46)}
.clcBlue{color:rgb(0,96,169)}
.clcDarkBlue{color:rgb(4,77,127)}
.tceBabyBlue{color:rgb(120,189,232)}
.shadowBlue{color:rgb(53,127,178)}
.babyBlue{color:rgb(177,222,243)}
.smoke{color:rgb(188,190,192)} 
.lightGray{color:rgb(227,229,229)}
.green{color:green}


html, body {
 margin: 0;
 padding: 0;
 background: url(../Images/tceBG6.gif);
 /* background-color: rgb(167,177,183); /*rgb(0,96,169); */
 background-attachment: fixed;
}

body, td, th, form, input, textarea, select {
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size: 10pt;
}

/* Text */
p, h4{ margin: 2px 5px}
p.small { font-size: 9pt}
p.medium { font-size: 11pt}
p.homePage { font-family:Arial, Verdana, Helvetica, sans-serif;font-size: 8.5pt}
div#footer p{ text-align:center; font-size:8pt}
div#companyInfo p{ margin-left:10px}

.center { text-align:center}
.right { text-align:right}
.label { font-weight:bold; color:black}
.proLabel{ font-weight:bold; color:#CC0000; text-align:right; vertical-align:top}
.proValue{}
.proDesc{}
.block { background:#9DBCDA; color:rgb(4,77,127); padding:0 3px; margin:3px 1px; font-weight:bold}

h1, h2, h3{ margin: 5px 2px}
h1 { font-size: 14px} 
h2, h3, h4{font-size: 12px}


div#title h2 { margin: 0; padding: 2px 0px 0px 4px; color: #FFF; font-weight:bolder; letter-spacing:1px}
div#title h2.search { margin: 0; padding: 2px 0px 0px 4px; color: #000; font-weight:bolder; letter-spacing:1px}
/*div#welcome h3{ letter-spacing:2px}*/
div#proHead p{color:#FFF; font-weight:bold; letter-spacing:1px}

a, a:link { color:rgb(0,96,169); text-decoration:none}
div#footer a { color: #ffffff}
div#footer p { color: #ffffff}
div#globalNav a { margin: 0 10px; padding: 0; font-size: 10pt; font-weight:bold}
div#adminNav a { margin: 0 10px; padding: 0; font-size: 10pt; font-weight:bold;}


a:hover { text-decoration:underline}
div#globalNav a:hover { color:rgb(237,27,45); text-decoration:underline; /* background-color:rgb(4,77,127); color:#FFF */}
div#adminNav a:hover { color:rgb(237,27,45); text-decoration:underline; /* background-color:rgb(4,77,127); color:#FFF */}

/* UNDO AFTER DEVELOPMENT
a:visited {
 color: #33CC66;
 text-decoration: none;
 text-shadow: #CCCCCC;
}*/

img { margin:0; padding:0; border: 0}
div#products img{border:1px solid}
form { margin:0; padding:0}
hr { width:85%; text-align:center}

/***********************************************/
/* DIV Ids                                     */
/***********************************************/
/* Use to see div borders
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}*/

/*div#container {
 width: 800px;
}*/
div#container {
 width: 760px;
 margin: 0;
 padding: 0;
 /*border: 3px solid #9DBCDA;*/
 
 border-top: 3px solid #C3D6E8;
 border-right: 3px solid #546474;
 border-bottom: 3px solid #536373;
 border-left: 3px solid #C1D4E7;
 
 background: #0060A9; /* #0D3793; /*rgb(0,96,169);*/
}

div#logo{
 float:left;
 margin-top:3px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 3px;
 padding:0;
}

div#header{
 margin: 0;
 padding: 0;
 /* background-color: #0060A9; /* CLC Blue */
 background: url(../Images/tceHead.gif) no-repeat top right;
 overflow: hidden;
}

div#adminHeader{
 margin: 0;
 padding: 0;
 /* background-color: #0060A9; /* CLC Blue */
 background: url(../Images/tceAdmin.gif) no-repeat top right;
 overflow: hidden;
}

div#footer { color: #000000; font-weight:bold}
div#footer p{ margin:0; padding:5px 10px}

div#globalNav {
 margin: 0;
 padding: 2px 0;
 border-top: 3px solid rgb(237,27,45); /* CLC Red */
 border-bottom: 3px solid #FFF;
 background-color: #9DBCDA; /* TCE Baby Blue */
}

div#adminNav {
 margin: 0;
 padding: 2px 0;
 border-top: 3px solid rgb(237,27,45); /* CLC Red */
 border-bottom: 3px solid #FFF;
 background-color: #9DBCDA; /* TCE Baby Blue */
}
div#nav {
 position:relative;
 top:0;
 left:0;
 width: 200px;
 margin: 0;
 padding: 0;
 clear:left;
}

div#barSide {
 position:relative;
 top:0;
 left:500px;
 width:260px;
 margin:0;
 padding:0;
 clear:left;
}

div.pod {
 margin: 5px;
 padding: 0;
 background: url(../Images/bluebar.gif) no-repeat top left;
 background-color: #FFF;
}

div.searchPod {
 margin: 5px;
 padding: 0;
 background-color: #9DBCDA;
 /*background-image: url(../Images/colBackBlue.jpg);
 background-repeat: repeat-x;*/
 border-top: 2px solid #C3D6E8;
 border-right: 2px solid #546474;
 border-bottom: 2px solid #536373;
 border-left: 2px solid #C1D4E7;
}

div#searchTitle {
 margin: 3px 0 0 3px;
 padding: 0;
 border: 0;
 height: 18px;
 width: 50%;
 overflow: hidden;
}

div#searchTitle h2{
 margin:0;
 padding:2px;
 color: #FFF;
}

div#title{
 margin: 0 0 3px 0;
 padding: 0;
 border: 0;
 height: 20px;
 width: 80%;
 overflow: hidden;
}
div#title.red{
 background: url(../Images/tbRed.gif) no-repeat top right;
 /*background-color: rgb(237,27,45); /* CLC Red */
}
div.title.blue{
 background: url(../Images/tbBlue.gif) no-repeat top right;
 background-color: #9DBCDA;;
}
div#title.blue-search{
 background: url(../Images/tbSearch.gif) no-repeat top right;
}
div.title.dkblue {
 background: url(../Images/tbDkBlue.gif) no-repeat top right;
 background-color: rgb(4,77,127); /* CLC Dark Blue */
}

div.title.admin{
 background: url(../Images/tbRed.gif) no-repeat top right;
 background-color: #9DBCDA;;
}

div#wrapper {
 float:left;
 width:100%;
}

div#navigation {
 float: left;
 width: 200px;
 margin-left: -100%;
}

div#content { margin: 0 0 0 200px}
div#contentSM { margin: 0 150px 0 200px}
div#contentLG { margin: 0; padding: 0; width: 350px}
div#contentLic { margin: 0 200px 0 0}

div#extraSM { float: left; width: 150px; margin-left: -150px}
div#extraLG { float: left; width: 300px; margin-left: -300px}
div#extraLic { float: left; width: 200px; margin-left: -200px}

div#footer {
 clear:left;
 width:100%
}

div#pod img {
 margin: 2px 5px;
 padding: 0;
 display:block;
}

.newsDate {font-weight:bold}

.floatLeft {float: left}
.floatRight {float: right}

div#newsStory { margin: 0; padding: 0 0 10px 0}

img#picThumb{  margin:0; padding:0; width:75px; height:75px}
img#picSmall{  margin:0; padding:0; width:100px; height:100px}
img#picMedium{  margin:0; padding:0; width:175px; height:175px}
img#picLarge{  margin:0; padding:0; width:250px; height:250px}
img#picX-Large{  margin:0; padding:0; width:400px; height:400px}

div#wrapThumb{ margin:0; padding:0; min-height:75px}
div#wrapSmall{ margin:0; padding:0; min-height:100px}
div#wrapMedium{ margin:0; padding:0; min-height:175px}
div#wrapLarge{ margin:0; padding:0; min-height:250px}

div#signIn{ margin:0; padding: 5px 0; text-align:right}
div#signIn h1{ text-align:center; color:rgb(4,77,127)} /* CLC Dark Blue */

div#search{ margin:0; padding: 5px 3px; text-align:left}
div#welcome{ margin:0; padding: 5px 0}


div#products{
 margin:0 5px;
 padding:0;
 border:3px solid #0060A9;
}
div#proHead{
 margin-top:5px;
 margin-bottom:0;
 margin-left:5px;
 margin-right:5px;
 padding:0;
}
div#tabActive{
 margin:0 0 0 5px;
 padding:0;
 height:100%;
 background:#0060A9;
}

div#tabNonactive{
 margin: 0 0 0 5px;
 padding:0;
 height:100%;
 background:#9DBCDA; /* TCE Baby Blue */
}

div#tabActive a{color:#FFF}
div#tabNonactive a{color:#0060A9}
 
.tdLight{background-color:rgb(227,229,229)}
.tdDark{background-color:rgb(207,209,209)}

div#companyInfo{margin:5px 5px 10px 5px; padding:0}
div#result {
 margin: 5px 30px;
 border-bottom:1px solid #0060A9;
 border-top:1px solid #0060A9}
div#result p{font-size:14px}

/* ******************************************* */
/*      Tab Navigation Style                   */
/* ******************************************* */

/* Design for Inputing Online Royalties 		*/
/* By WR 08-22-06 								*/
/* ******************************************* */

.tabcontainer
	{
		width: 500px;

		border: 1px solid #ccc;
		background: #fff;
	}

.tabcontainer-small
	{
		width: 250px;
		padding: 30px;
		border: 1px solid #ccc;
		background: #fff;
	}

.tabcontainer-right
	{
width: 250px;
		float: right;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #0060A9;
 margin: 0 0 0 5px;
 padding:0;
 height:100%;
 background:#9DBCDA; /* TCE Baby Blue */
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		color: #ffffff;
		border-top: 1px solid rgb(4,77,127) ;
		border-right: 1px solid rgb(4,77,127) ;
		border-left: 1px solid rgb(4,77,127) ;
 margin:0 0 0 5px;
 padding:0;
 height:100%;
 background:#0060A9;
	}

#tabnav a:hover
	{
		 background:#9DBCDA;
	}


/* -- DIV TBL -- */
/* WR:  10-08-06 */
.tbl{
	margin: 0px;
	border:rgb(4,77,127) solid 3px;
	padding: 0px;
	spacing: 0px;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size: 8.5pt;
}

.tbl tr.rrTitle{
	background-color:rgb(120,189,232);
	border-bottom:rgb(4,77,127) solid 3px;
}

.tbl p.rrTitle{
	color:#FFFFFF;
	font-weight:bold;
}

.tbl td.label{
	border-top:rgb(4,77,127) solid 1px;
	background-color: rgb(227,229,229);
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size: 8.5pt;
}

.tbl td.labelNoBorder{ background-color: rgb(227,229,229) }

.tbl td.field{
	border-top:rgb(4,77,127) solid 1px;
}

.ReadOnlyField {
	BORDER-BOTTOM: #848FBF 1px solid;
	BORDER-LEFT: #848FBF 1px solid;
	BORDER-RIGHT: #848FBF 1px solid;
	BORDER-TOP: #848FBF 1px solid;
	COLOR: silver;  
	font: 10pt Arial, Helvetica, sans-serif;
}

.tbl p {
	FONT-FAMILY: Arial,Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8.5pt;
	COLOR: #000000;
}

.tbl p.small {
	FONT-FAMILY: Arial,Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8.5pt;
	COLOR: #000000;
}

/* ******************************************* */
/*      Home Page Management Tab Navigation Style                   */
/* ******************************************* */

/* Design for Managing sections of home page		*/
/* By WR 11-02-06							*/
/* ******************************************* */


#tabnav2
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
	}

#tabnav2 li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav2 a:link, #tabnav2 a:visited
	{
		float: left;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #0060A9;
 margin: 0 0 0 5px;
 padding:0;
 height:100%;
 background:#ffffff; /* TCE Baby Blue */
	}

#tabnav2 a:link.active, #tabnav2 a:visited.active
	{
		border-bottom: 1px solid #fff;
		color: #0060A9;
		border-top: 1px solid rgb(4,77,127) ;
		border-right: 1px solid rgb(4,77,127) ;
		border-left: 1px solid rgb(4,77,127) ;
 margin:0 0 0 5px;
 padding:0;
 height:100%;
 background:#9DBCDA;
	}

#tabnav2 a:hover
	{
		 background:#ffffff;
		color: #9DBCDA;
	}