/*
-----------------------------------------------
BCACA - www.bcaca.com
author:   Logistica Systems
version:  02.32.2005
----------------------------------------------- 
Colors: 

bg blue:#6292C3		dk blue (side & text) #002C58

----------------------------------------------- */


html,body{
	font: normal 13px Arial, Helvetica, sans-serif; 
	color: #002C58; 
	
}

img {border: none;}

body {
	background: #6292C3 url(/images/LOGO_watermark.png) no-repeat 20% 15%;
	background-attachment: fixed; margin: 0; padding: 0;}

#container {
	
	background: transparent url(/images/bg_shade.png) repeat-y 50% 0; 
}

h1 {
	font: bold 13pt  Arial, Verdana, sans-serif; 
	color: #004285; 
	margin:0;
	padding-bottom:.5em;
	
}
h2 {
	font: bold 11pt  Arial, Verdana, sans-serif; 
	color: BLACK; 
	margin: 0; 
	padding: 0;
}

p {
	color:#002C58;
	line-height: 140%;
	margin:0 0 .5em 0;
}

li {list-style-type: square; padding-bottom:.4em;}

td.contentcell	{background-color: #C3D0DD; padding: 0.5em 1em .5em 1em;}
td.leftcol		{background: #4E6A1A url(/images/bg_left.gif) repeat-y;}
td.navigation	{background: #004285 url(/images/bg_nav.gif) repeat-y; }
td.navigation	{background: #004285 url(/images/bg_nav.gif) repeat-y; }
td.caption		{font: italic 8pt  Arial, Verdana, sans-serif;}

/* Misc */
.pixelborderpadded	{border: 1px solid BLACK; Padding: 5px; background-color:WHITE}
.copyright { FONT-SIZE: 9px; COLOR: #002553; FONT-FAMILY: Verdana, Arial; margin-right:15px}
.small { font-size:10px; line-height:100%;}

.imagepadright {margin-right:1em}
.imagepadleft {margin-left:1em}

.outsideborder	{border: 1px solid #000000; }
.bottom_line {border-bottom: 1px solid #000000; }

/*Legal Classes*/

A.logistica			{FONT-SIZE: 9px; COLOR: #002553; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none;}
A.logistica:link	{COLOR: #002553;}
A.logistica:visited {COLOR: #002553;}
A.logistica:hover	{COLOR: #666666; TEXT-DECORATION: underline;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
position: absolute;
z-index: 2;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: -100px; /*position where enlarged image should offset horizontally */

}

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

ul.list li {
	line-height: 120%; list-style-type: none;
	padding-left: 12px; 
	padding-bottom:. 4em;

 }

/* Links Members Page*/
a.linkm				{font: normal 14px  Arial, Verdana, sans-serif; text-decoration: none; }
a.linkm:link		{color: #003399; text-decoration: none}
a.linkm:visited		{color: #003399; text-decoration: none; }
a.linkm:hover		{color: #000000;  text-decoration: none}

/* Links Members Page - Area Pages Links*/
a.linka				{font: normal 12px  Arial, Verdana, sans-serif; text-decoration: none; }
a.linka:link		{color: #003399; text-decoration: none}
a.linka:visited		{color: #003399; text-decoration: none; }
a.linka:hover		{color: #000000;  text-decoration: none}


a img			{border-width: 0; border-style: none; }

/* Generic Link */
a.link			{font-size: 10pt; text-decoration: underline;}
a.link:link		{color: #3399cc; text-decoration: underline;}
a.link:visited	{color: #3399cc; text-decoration: underline;}
a.link:hover	{color: #C46C36; text-decoration: underline;}



/* Back to last page*/
a.linkb				{font: normal 12px  Arial, Verdana, sans-serif; text-decoration: underline; }
a.linkb:link		{color: #003399; text-decoration: underline}
a.linkb:visited		{color: #003399; text-decoration: underline; }
a.linkb:hover		{color: #cc6600;  text-decoration: underline}



/* Table Background Cuteness */

div.cuteness {
		
}

/* LOGIN */


.login-box {
	margin-left:20px;	
	width: 300px;
	padding:1.5em;
	background-color: #EEEEEE;
	border: 1px solid #999;
}

input, textarea, select, option{
	margin-bottom: 10px;
	background-color:#fffff0;
	border: 1px solid #999;	
}

input, textarea , seldect , option img {
	border: none;
}

.submitbutton{
	margin-left:10px;
	width: 100px;
	padding: 3px 5px;
	color: #fff;
	background-color: #6699cc;
	font: bold 12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	
}

/*-- CSS Play http://www.cssplay.co.uk/menu/pop_ups.html --  */

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #036;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }


/* LOGIN  Text Field */

#enterEmailContainer {
    width: 300px;
    height: 60px;
    margin: 0;
    
	border:0px solid Red;
}
#enterEmailContainer input {
    width: 214px;
    height: 23px;
    background: url("images/textField.png"); /* image is 222px */
    margin: 0;
    padding: 0 4px 0 4px;
    border: 0;
}
#enterEmailContainer span {
    font-weight: bold;
    font-size: 14px;
    color: #666;
    margin: 0 10px 0 0;
}