/*
######CUSTOM CLASS DEFINITIONS###############
These should be classes that are applicable to
lots of different elements to establish things 
like font sizes, the basic colors of the site, 
etc.

classes can be stacked eg.  
class="mustard fineprint bold"

to get a more complex effect.
#############################################
*/


.headline{
	font-size: 16px;
	font-weight: bold;
}

.mustard{	color: #ECC225;}

.dark-cyan{		color: #005076;}
.dark-magenta{	color: #91004A;}
.dark-yellow{	color: #98910D;}

.cyan{			color: #009DE8;}
.magenta{		color: #EC0079;}
.yellow{		color: #FFF31C;}
.white{			color: #FFFFFF;}

.fineprint{		font-size: 9px;}
.small{			font-size: 10px;}
.medium, 
.normal{		font-size: 12px;}
.large{			font-size: 14px;}
.xlarge{		font-size: 16px;}
.bold{			font-weight: bold;}
.italic{		font-style: oblique;}
.gray{			color: #606060;}
.error{			color: red;}



/*
#############GLOBAL DEFINITIONS:#############
General global definitions for tag types
#############################################
*/

body{
	margin: 0;
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px; 
/*	text-align: center;*/
	background: url('../images/bg.jpg') repeat-x;
}

table,
table td{
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px; 
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

img{
	border: 0;
}

p{
	margin-top: 0px;
	margin-bottom: 10px;
}

a{
	color: #2294BC;
	text-decoration: none;
}

a:hover{
	color: #2294BC;
	text-decoration: underline;
}

input[type='text'],
input[type='password']{
	border: 1px solid black;
	width: 200px;
	padding: 0 3px;
}
input[type='submit']{
	border: 1px solid black;
	background: #a5a38d;
	padding: 0 3px;
}
textarea{
	border: 1px solid black;
}
/*##############END: GLOBAL DEFINITIONS ####################*/


/*##############REPEATING ELEMENT CSS ######################*/

div#LeftCol{
	float: left;
	margin: 0;
	padding: 20px 10px;	
	width: 187px;
/*	border: 1px dashed yellow;*/
}

div#LeftCol div#error{
	border: 1px dotted #fff202;
	padding: 5px;
}
div#LeftCol span.errortitle{
	position: relative;
	top: 6px;
	left: 20px;
	background: #a5a38d;
	padding: 0 5px;
	font-weight: bold;
	color: #fff202;
}

div#LeftCol ul{
	padding: 5px 10px;
	margin: 0;
}
div#LeftCol ul li{
	padding: 5px 0;
	margin: 0;
}
div#LeftCol li a{
	font-weight: bold;
}


div#content{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 227px;
	width: 500px;
/*	border: 1px dashed blue;*/
}


div.bordery{
	border: #a5a38d dotted 1px;
	padding: 10px;
	margin: 0 10px 10px 10px;
}
span.divtitle{
	position: relative;
	top: 6px;
	left: 20px;
	background: #e7e4c5;
	padding: 0 5px;
}


/*############SUB NAV CSS#############################*/

.none{	background: url('/images/barback_home.gif'); }
.none a{	color: white; }
.capabilities{		background: url('/images/barback_cyan.gif');}
.capabilities a{	color: black;}

.our_clients{	background: url('/images/barback_magenta.gif');}
.our_clients a{	color: black;}

.our_staff{		background: url('/images/barback_yellow.gif');}
.our_staff a{	color: black;}

.products_and_pricing{	background: url('/images/barback_black.gif');
						color: white;}
.products_and_pricing a{	color: white;}

.upload{	background: url('/images/barback_green.gif');}
.upload a{	color: black;}

/*##############END: REPEATING ELEMENT CSS ######################*/


/*############UPLOAD APP specific css#####################*/

/*##############UPLOAD FORM:###############*/
form#uploadform{
	display: inline;
	line-height: 150%;			
}
form#uploadform input{
	border: 1px solid black;
	width: 300px;
}
form#uploadform input#filefield{
	border: 1px solid black;
	width: auto;
}
form#uploadform input.button{
	border: 1px solid black;
	width: 100px;
	margin: 10px 0 10px 0;
}

form#uploadform textarea{
	border: 1px solid black;
}

/*##############FILE LIST:#################*/
table.filelist{
	width: 100%;
}

table.filelist td{
	padding: 2px 10px;
	text-align: left;
}
div#logout{
	margin-top: 50px;
}

/*#############LOGIN FORM:#################*/
form#loginform{
	display: inline;
	line-height: 150%;			
}
form#loginform input{
	border: 1px solid black;
	width: 200px;
}
form#loginform input.button{
	border: 1px solid black;
	width: 100px;
	margin: 10px 0 10px 0;
}
form#loginform textarea
{
	border: 1px solid black;
}
form#loginform td{
	padding: 0 10px;
}

/*######LEFT COLUMN LIST FORMATTING:#######*/
div#LeftCol ol{
}
div#LeftCol ol li{
	margin-bottom: 6px;
}

/*############END: UPLOAD APP specific css#####################*/