/* Stylesheet for Hello Currency  */
/*  Created by Suzanne Whitby  */
/*  http://www.timeto.info  */
/*  mailto: hellocurrency@timeto.info */



/* standard text css 

These items control the look and feel of text and the body of the site.
*/


body {
	margin: 0px 0px 0px 0px;
	color : #283138;
	font-size: 12px;
	}

td,tr,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	}

.link a:link {
	color: #F0800F;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	}
.link a:visited {
	color:  #666666;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	}

.link a:hover {
	color:  #666666;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	}	
	
.link-smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	}

.link-smaller a:link {
	color: #F0800F;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	}
.link-smaller a:visited {
	color:  #666666;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	}

.link-smaller a:hover {
	color:  #666666;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	}	

h1 {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #181842;
}
h2 {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #F0800F;
}

h3 {
	color: #181842; 
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 15px; font-weight: bold;
	}

h4 {
	color: #313031;
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	}

h5 {
	color: #313031; 
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 12px; font-weight: bold;
	}

a:link {
	color: #F0800F;
	text-decoration: underline;
	font-weight: normal;
	
	}
a:visited {
	color:  #666666;
	text-decoration: underline;
	font-weight: normal;
	
	}

a:hover {
	color:  #666666;
	text-decoration: underline;
	font-weight: normal;
	
	}
	
ul {
	margin: 0px 0px 0px 0px;
	}

li {
	list-style-position: outside;
	margin: 0px 0px 0px 20px;
	}
	
	.small-text {
	
	font-size: 11px;
	color: #283138;
}

/* text variations 

These items provide a number of fixed styles for texts of different sizes and formats.
*/

.txt2 {color: #000000; font-size:14px; line-height: 20px; text-align:left; display:block; margin:10px 10px 0px 10px;}

.very-large-text {
	font-size: 24px;
    }

.very-large-text-bold {
	font-size: 24px;
	font-weight: bold;
    }

.large-text {
	font-size: 18px;
    }

.large-text-bold {
	font-size: 18px;
	font-weight: bold;
    }

.normal-text-bold{
	font-size: 12px;
	font-weight: bold;
	}

.normal-text-italic {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.small-text {
	font-size: 10px;
}
.small-text-bold {
	font-size: 11px;
	font-weight: bold;
}
.smallest-text {
	font-size: 9.5px;
}
.smallest-text-bold {
	font-size: 9.5px;
	font-weight: bold;
}
.very-smallest-text {
	font-size: 8px;
}
.thin-border {
	border: 1px solid #293039;
}
.highlight-text-bold {
	font-size: 12px;
	color: #F0800F;
	font-weight: bold;
}
.normal-text-italic {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}
.highlight-text-italic {
	font-size: 12px;
	color: #F0800F;
	font-weight: normal;
	font-style: italic;
}

/* these items control the navigation items on the home and text pages */
	
.navigation a:link {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 20px;
	line-height: 14px;
	text-decoration: none;
	}
	
.navigation a:hover {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F0800F;
	margin-right: 20px;
	line-height: 14px;
	text-decoration: none;
}
	
.navigation a:visited {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 20px;
	line-height: 14px;
	text-decoration: none;
	}
	
	
	.top-navigation a:link {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 14px;
	text-decoration: none;
	}
	
.top-navigation a:hover {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F0800F;
	line-height: 14px;
	text-decoration: none;
}
	
.top-navigation a:visited {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 14px;
	text-decoration: none;
	}
	
	
.breadcrumb  {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF8A00;
	line-height: normal;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	}
	
.breadcrumb a:link, .breadcrumb a:visited  {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	font-weight: normal;
	color: #181842;
	line-height: normal;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 2px;
	font-size: 11px;
	padding-bottom: 2px;
	}
	
.breadcrumb a:hover {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	color: #F0800F;
	text-decoration: underline;
	}
	
.form-navigation-links {
	COLOR: #181842;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #EBEBEB;
	font-weight: bold;
	border: 0;
}

.form-navigation-links a:link, .form-navigation-links a:visited {
	COLOR: #181842;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #EBEBEB;
	font-weight: bold;
}
	
.form-navigation-links a:hover {
	COLOR: #4B4B4B;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #EBEBEB;
	font-weight: bold;
}

.form-navigation-links img {  
    font-size: 10px;
    border: 0;
	TEXT-DECORATION: none;
}

.form-navigation-table {
	border: 1px solid #181842;
}

/* help formatting */
.help {
	BACKGROUND-COLOR: white;
	TEXT-DECORATION: none;
	border: 0;
}

.help a:link, .help a:visited {
	TEXT-DECORATION: none;
}
	
.help a:hover {
	TEXT-DECORATION: none;
}

.help img {  
    font-size: 10px;
    border: 0;
	TEXT-DECORATION: none;
}


/* copyright notice formatting */
	
.copyright {
	font-size: 9.5px;
	color: #CCCCCC;
	text-transform: lowercase;
}

/*  css for hellocurrency application */
.bodyHeader { 
	background-color: #666666; 
}
.bodyPage { 
	background-color: #FFFFFF; 
}
.bodyNav { 
	background-color: #CCCCCC; 
}
.bodyText { 
	FONT-SIZE: 9pt; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #FFFFFF; 
}
.title1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #181842; 
}
.title2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FF8A00; 
	font-weight: bold; 
}
.subTitle2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #181842; 
	font-weight: bold; 
}
.subTitle1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FF6500; }
.message { 
	font-size: 12px; 
	color: #333333; 
	font-weight: bold; }
a.navMenu { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none; 
}
a.navMenu:hover { 
	color: #F0800F; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: underline; 
}
.row1 { 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #181842; 
}
.row2 { 
	COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #FFBA6B; 
}
.row3 { 
	COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #E8E8E8; 
}
.row4 { 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #FFFFFF; }

.expired { 
	COLOR: #FF0000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #FFFFFF; 
}
.nearlyExpired { 
	COLOR: #FF9933; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #FFFFFF; 
}
.valid { 
	COLOR: #3399CC; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #FFFFFF; 
}
.unknown { 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: #FFFFFF; 
}

input 
{ font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #283138;
	background-color: #EBEBEB;
	border: 1px solid #000000;
}	
textarea {
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #283138;
	background-color: #EBEBEB;
	border: 1px solid #000000;
	width: 300px; 
	}
img {  
font-size: 10px; 
}
select { 
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #283138;
	background-color: #EBEBEB;
	border: 1px solid #000000;}
option { 
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #283138;
	background-color: #EBEBEB;
	border: 1px solid #000000;}

input.button {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	background-position: right center;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/button.jpg);
	height: 27px;
	width: 79px;
	position: static;
	left: 417px;
	top: 397px;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	text-transform: lowercase;
	vertical-align: middle;
	text-align: center;
}
input.buttonhover{
	color: #FFFFFF;
	background-image: url(../images/button-hover.jpg);
	border: 1px solid #FFFFFF;
}
.white-body {
	margin: 0px 0px 0px 0px;
	color : #FFFFFF;
	font-size: 11px;
}
.white-body a:link {
	color: #F0800F;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	}
.white-body a:visited {
	color:  #FFCC99;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	}

.white-body a:hover {
	color:  #293039;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	}	

.white-body-bigger {

	margin: 0px 0px 0px 0px;
	color : #FFFFFF;
	font-size: 11px;
}
.nav-spacing {
	height: 0px;
}
.main-white {
	color: #FFFFFF;
}
.index-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #181842;
	font-weight: bold;
}
.index-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #181842;
	font-weight: bold;
	font-variant: normal;
}
.index-quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #181842;
	font-weight: normal;
	font-style: italic;
}
.index-text-smaller {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #181842;
	font-weight: bold;
}
.white-bold-italic {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}