/*---------------------------------------
April 26, 2015
- added style for textarea
------------------------------------------*/

body {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
/*---------------------------------------------------------------------------------*/
hr {
	height: 1px;
	border-style: none;
	color: #000000; /* need this for IE */
	background-color: #000000;  /* need this for Mozilla */
}


/*---------------------------------------------------------------------------------*/
h1 {
	font-size: 18px;
	color: #0066CC;
}

h2 {
	font-size: 16px;
	color: #0066CC;
}

h3 {
	font-size: 14px;
	color: #0066CC;
}

h4 {
	font-size: 12px;
	color: #0066CC;
}

.titlehdr {
	font: normal 22px arial, verdana;
	color: #c00;
	border-bottom: 1px solid #c00;
}


/*------------------------------------div style-------------------------------------*/
div.break {
	page-break-before:always;
}

div.text_med {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

div.text_sml {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

div.formlyr1 {
	position: relative;
	left: 20px;
	top: 20px;
	background-color: #f1f1f1;
	width: 615px;
	padding: 10px;
	color: black;
	border: #0000cc 2px;
	display: none;
}



/*---------------------------------------------------------------------------------*/
textarea.tiny {
	width:25%;
}

textarea.small {
	width:50%;
}

textarea.medium {
	width:75%;
}

textarea.large {
	width:100%;
}

.textwrapper {
	border:0px solid #999999;
	margin:5px 0;
	padding:3px;
}


/*---------------------------------align center-------------------------------------*/
.textCenter {
	width: 100%;
	text-align: center;
}

.alignCenter {
	margin: 25px;
	display: flex;
	justify-content: center;
}
/*---------------------------------------------------------------------------------*/
.text_large {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_large_bold {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.text_large_italic {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

.text_normal {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_normal_italic {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
}

.text_bold {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.text_color {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #0066CC;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.text_grey_color {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #999999;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_light_color {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #0066CC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_dcolor {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#0033CC;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.text_med {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_med_italic {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
}

.text_med_color {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: blue;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_med_lcolor {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #0066CC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_med_red {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #9c0000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.text_small {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_small_italic {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
}

.text_small_color {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: blue;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_tiny {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_tiny_italic {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
}

.text_tiny_light {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #707070;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.text_tiny_light_italic {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #707070;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
}

.myaccount {
	background-color:#99CCFF;
	margin: 2px;
	padding: 2px 5px;
	border: 1px solid #663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
}


/*------------------------------------messages-------------------------------------*/
.msg_large {
	color: blue;
	padding: 5px;
	width: 600px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
} 

.msg {
	color: blue;
	padding: 5px;
	width: 600px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center;
}

.info_msg {
	/* boxed message */
	color: #000000;
	background-color: #99CCFF;
	padding: 5px;
	width: 600px;
	margin: 2px;
	border: 1px solid #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center;
}

.bold_msg {
	/* boxed message */
	color: #6699FF;
	padding: 5px;
	width: 600px;
	margin: 2px;
	border: 1px solid #663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}

.error_msg {
	color: #000000;
	background-color: #66CCFF;
	border: 1px solid #003dff;
	font: bold 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 10px 5px 10px;
}


.error_msg_long {
	color: #0700ac;
	background-color: #c8cdff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font: bold 16px;
	text-align: center;
}

.error_msg_small_font {
	color: #900000;
	background-color: #FFCC99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font: bold 11px;
}



/*---------------------------hyperlinks--------------------------------------------*/
.class1 a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.class1 a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.class1 a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.class1 a:hover {
	text-decoration: underline; 
	color: yellow;
}
/*-----------------------------------------*/
.class2 a:link {
	text-decoration: none;
	color: #FFFF00;
}
.class2 a:visited {
	text-decoration: none;
	color: #FFFF00;
}
.class2 a:active {
	text-decoration: none;
	color: #FFFF00;
}
.class2 a:hover {
	text-decoration: underline; 
	color: blue;
}
/*-----------------------------------------*/
.class3 a:link {
	text-decoration: none;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}
.class3 a:visited {
	text-decoration: none;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}
.class3 a:active {
	text-decoration: none;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}
.class3 a:hover {
	text-decoration: underline; 
	font-style: normal;
	color: blue;
}
/*-----------------------------------------*/
.class4 a:link {
	text-decoration: none;
	font-size:small;
	font-style: normal;
	color: blue;
}
.class4 a:visited {
	text-decoration: none;
	font-size:small;
	font-style: normal;
	color: #000000;
}
.class4 a:active {
	text-decoration: none;
	font-size:small;
	font-style: normal;
	color: #000000;
}
.class4 a:hover {
	text-decoration: underline; 
	font-size:small;
	font-style:italic;
	color: black;
}
/*-----------------------------------------*/
.class5 a:link {
	border: black;
	background-color: blue;
	margin: 4px;
	padding: 4px;
	text-decoration: none;
	font-style: bold;
	color: white;
}
.class5 a:visited {
	border: black;
	background-color: blue;
	margin: 4px;
	padding: 4px;
	text-decoration: none;
	font-style: normal;
	color:gray;
}
.class5 a:active {
	border: black;
	background-color: blue;
	margin: 4px;
	padding: 4px;
	text-decoration: none;
	font-style: bold;
	color: white;
}
.class5 a:hover {
	border: black;
	background-color: blue;
	margin: 4px;
	padding: 4px;
	text-decoration: underline; 
	font-size:bold;
	font-style:italic;
	color: yellow;
}

/*------------------------------Table properties-----------------------------------*/
/* the main big table that contain all the page */
.main_table {
	width: 100%;
	height: 100%;
	background-color: #FFffff;
	background-color: #ffffff;
	padding: 5px; /* doesn't work with IE, cellpadding in header */
	border-style: solid;
	border-width: 0px;
	border-color: #ffffFF;
	vertical-align: top;
}

table.labels {
	width: 21cm;
}

td, table, div {
	word-wrap: break-word;
}

th {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

tr.style_bgcolor {
	background-color: #034769;
}

td.center {
	text-align: center;
}

td.colornormal {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;	
	background-color: #c4d6e9;
}

td.colormed {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;	
	background-color: #c4d6e9;
}

td.colorsml {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;	
	background-color: silver;
}

td.colortiny {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;	
	background-color: silver;
}

td.large {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
}

td.normal {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
}

td.normalblack {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	color:#000000;
}

td.normalgrey {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	color:#999999;
}

td.normalwhite {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
 	font-style: normal;
}

td.normalred {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	color:#CC3333;
}

td.medium {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-decoration: none;
 	font-style: normal;
}

td.mediumbold {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-decoration: none;
 	font-style: normal;
 	font-weight: bold;
}

td.medgrey {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#999999;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
}

td.medwhite {
	font-family: 'Lucida grande',Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
 	font-style: normal;
}

td.small {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	text-decoration: none;
 	font-style: normal;
}

td.smallwhite {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	text-decoration: none;
 	font-style: normal;
}

td.smallred {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	color:red;
}

td.smallgrey {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	color:#999999;
}

td.smallgreybkg {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	background-color: darkgrey;
	font-size: 80%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
}

td.smalllightgreybkg {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	background-color: lightgrey;
	font-size: 80%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
}

td.tiny {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
 	font-style: normal;
}

td.tinywhite {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
 	font-style: normal;
}

td.tinygrey {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	color:#999999;
}

td.tinylightgreybkg {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	background-color: lightgrey;
	font-size: 70%;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
}

td.ultratiny {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #000000;
	text-decoration: none;
 	font-style: normal;
}

td.address {
	height: 3.4cm;
	width: 10cm;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 14px;
}

input {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

select {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


/*-----------------This keeps search box vertically aligned-----------------------*/
.search_box {
	font-family: 'Lucida grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	line-height: normal;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: inherit;
}

.search_box form{
	margin-bottom:0;
}


/*-------------------------------Form properties-----------------------------------*/
.forms {
	background-color:#99CCFF;
	font: normal 12px arial,verdana;
	padding: 3px;
	border: 1px solid #663300;
}


.example {
	font: normal 10px arial;
	color: blue;
}

.loginform {
	background-color: #66CCFF;
	font: normal 12px arial,verdana;
	padding: 3px;
	border: 1px solid #663300;
}

.loginform #txtbox {
	font: bold 16px arial;
	color: #f00;
}

/*---------------------------------------------------------------------------------*/
#sddm {
	margin: 0;
	padding: 0;
	z-index: 30
}

#sddm li {
	margin: 0 4px 0 0;
	padding: 4px 4px;
	list-style: none;
	float: left;
	font: bold 11px arial
}

#sddm li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 20px;
	color: #FFF;
	text-align: center;
	text-decoration: none
}

#sddm li a:hover {
	background: #CCCCCC;
}


#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
}

#sddm div a {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 5px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 11px arial
}

#sddm div a:hover {
	background: #49A3FF;
	color: #FFF
}