html {
	height: 100%;
}
body {
	background-color: inherit; /* background color */
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	margin: 0; /* top right bottom left */
	height: 100%;
}

a {
    text-decoration: none;
    color: #EC2127;
}

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

a.imglink {
    text-decoration: none;
}

a:hover .imglink {
    border: none;
}

a.buy	{
	background:url(../images/arrow-right-green.gif) no-repeat center right;
	border:1px
	solid  #EC2127;
	color:#EC2127;
	padding: .1em 1em .1em .3em;
	text-align:right;
	text-decoration:none !important
}

a.buy2	{
	background:url(../images/arrow-right-green.gif) no-repeat center right;
	border:1px
	solid  #EC2127;
	color:#EC2127;
	padding: .1em 1em .1em .3em;
	text-align:right;
	width: 100px;
	height: 20px;
	text-decoration:none !important
}

a.buy:hover {
	background:url(../images/arrow-right-white.gif) no-repeat center right #EC2127;
	border:1px
	solid  #EC2127;
	color:#fff;
	padding: .1em 1em .1em .3em;
	text-align:right;
	text-decoration:none !important
}

a.buy2:hover {
	background:url(../images/arrow-right-white.gif) no-repeat center right #EC2127;
	border:1px
	solid  #EC2127;
	color:#fff;
	padding: .1em 1em .1em .3em;
	text-align:right;
	text-decoration:none !important
}

a.delete	{
	background: #EC2127;
	border:1px
	solid  #EC2127;
	color:#EC2127;
	padding: .1em 1em .1em .3em;
	text-align:right;
	text-decoration:none !important
}

a.delete:hover {
	background: #EC2127;
	border:1px
	solid  #EC2127;
	color:#fff;
	padding: .1em 1em .1em .3em;
	text-align:right;
	text-decoration:none !important
}

a.add	{
	background: #ffffff;
	border:1px
	solid  #EC2127;
	color:#EC2127;
	padding: .1em 1em .1em .7em;
	text-align:right;
	text-decoration:none !important
}

a.add:hover {
	background: #EC2127;
	border:1px
	solid  #EC2127;
	color:#fff;
	padding: .1em 1em .1em .7em;
	text-align:right;
	text-decoration:none !important
}

.dimmed-text {
    color: #bbb;
}

.dimmed-text a {
    font-size: 10px;
    color: #bbb;
    text-transform: uppercase;
}

.dimmed-text a:hover {
    color: #333;
    text-decoration: none;
}

td.dimmed-text {    
    padding-left: 5px;
}

hr {
    border: 0px;
    background-color: #888;
    height: 1px;
}

input[type=text], 
input[type=password] {
	width: 100%;
	height: 23px;
}

select {
	width: 100%;
	height: 28px;
}

textarea {
	width: 100%;
}

.plaininput {
    border: none;
	color:#009;
}
.plaininput:focus {
    border: 1px solid #FFF;
	box-shadow: 0 0 0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.normalinput {
    border: 1px solid #cccccc;
}

input:focus,
select:focus,
textarea:focus {
   /* border-color: #EC2127;*/
	  box-shadow: 0 0 2px rgba(33, 124, 216, 1);
	  padding: 1px 0px 1px 1px;
	  margin: 0px 0px 0px 0px;
	  border: 1px solid rgba(33, 124, 216, 1);	
}

input.checkbox, 
input.radio {
    background-color: transparent;
    border: none;
    margin: 0px;
	width: 0px;
}

ul.lista {
    list-style-type: square;
}

button {
    border: solid 1px #EC2127; 
	background: #EC2127; 
    /*background: url(../images/buttons_bg.png) repeat-x left top; */
	background-position: 0 0;
	height:21px;
    color: #fff;
    padding: 0px 10px;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer;
}

.formbutton {
    border: solid 1px #EC2127;  
	background: #EC2127;  
    /*background: url(../images/buttons_bg.png) repeat-x left top; */
	background-position: 0 0;
    color: #fff;
	height:30px;
    padding: 0px 10px;
    font-size: 12px;
	font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
}

.formbutton:hover {
	background: #80000A;  
	border: solid 1px #80000A;  
}

button:hover {
	background: #80000A;
	border: solid 1px #80000A;
	background-position: 0 -74px;
}

button.inactive {
    background: #eeeeee;
    border: solid 1px #888888;
    color: #999999;
}

*[disabled] {
    color: #999;
}

.item .readonlyfield {
    color: black;
}

#container {
    margin: auto;
    width: 100%;
}

/* ---------- Header ----------- */

table.header {
    background: #999; /* url(../images/grdheader.png) repeat-x left top; */
	background-color: #fff; 
    width: 100%;
}

table.menu_connection {
    padding: 0px;
    border: 0px;
    height: 25px;
    white-space: nowrap;
}

table.menu_connection td.menu_connection_welcome {
    background: #EC2127;
    padding-left: 10px;
    padding-right: 18px;
    color: white;
}

table.menu_connection td.menu_connection_links {
   /* background: url(../images/mainmenu_button.png) repeat-x; */
	background-color: #EC2127;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}

table.menu_connection a {
    color: white;
    padding: 0 2px;
}

table.menu_connection a:hover {
    color: white;
}

#menu_header {
    background: #EC2127;
    height: 24px;
    white-space: nowrap;
}

#menu_header_menu {
    /*background: #EC2127;  url(../images/mainmenu_button.png) repeat-x; */
	background-color: #EC2127;
    text-align: center;
    font-weight: bold;
    padding: 0 10px;
}

#menu_header_shortcuts {
    background: #EC2127;
    text-align: center;
    padding-left: 10px;
    padding-right: 0px;
    font-weight: bold;
}

#menu_header a {
    color: white;
}

/*------------------ Header End ---------------*/

/* ----------------- Navigation -------------- */

span.disabled_text {
    color: gray;
}

/* ------------------- Footer --------------- */

#footer {
    clear: both;
    text-align: center;
    font-size: 11px;
    color: #777777;
    line-height: 20px;
    border-top: 1px solid #888;
    margin-top: 25px;
}

#footer a {
    color: #777777;
    text-decoration: underline;
}

div.button_right {
    position: relative;
    float: right;
}

div#tab_content {
    background: #fbfbfb;
    display: block;
    border-bottom: 1px solid #bbb8a9;
    padding: 5px;
}

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

div.vline {
    background-color: #C3D9FF;
    width: 1px;
    height: 100%;
}

div.scrollbox {
    width: 100%;
    height: 100%;
    overflow: auto;
}

div.box,
div.box2 {
    background-color: #F6F6F6;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

div.box {
    width: 400px;
    padding: 10px;
    margin: auto;
}

div.box2 {
    padding: 10px;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.plainbox2 {
    padding: 10px;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px; 
}


div.errordiv {
	background-color:#FF0000;
    padding: 10px;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

div.msgdiv {
	background-color:#FFFFCC;
    padding: 10px;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-align:center;
}

td.errorbox {
    padding: 10px;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #F6F6F6;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

td.welcome {
    text-align: center;
    color: #990033;
    font-size: 16px;
    font-weight: bold;
}

td.label_header {
    text-align: center;
    color: #990033;
    font-size: 12px;
    font-weight: bold;    
}

div.label_header {
    text-align: center;
    color: #990033;
    font-size: 12px;        
}

div.message {
    background-color: red;
    color: white;
    text-align: center;
    font-weight: bold;
    border: none;
}

div.welcome {
    text-align: center;
    color: #990033;
    font-size: 16px;
    font-weight: bold;
}

td.label {
    padding: 0 4px;
    text-align: right;
    white-space: nowrap;
}

td.item input,
td.item select,
td.item textarea,
td.item button {
    width: 99%;
}

td.item .mceSelectList {
    width: auto;
}

td.item .checkbox,
td.item .radio {
    width: auto;
}


#view_form .fielderror {
    color: #FF0000;
}

#view_form .requiredfield {
    background-color: #CCD9FF;
}

#view_form .errorfield {
    background-color: #FF6666;
}

#view_form .readonlyfield {
    background-color: #EEEEEE;
}

/* treebar */
.treebar {
    padding-right: 5px;
    width: 100px;
}

.treebar .row {
    cursor: pointer;
}

.treesep {

}

/* Menu */
ul.ewMenuBarVertical {
	list-style-position: outside;
	padding: 8px;
	margin: 0 0 0 6px;
}

ul.ewMenuBarVertical ul,li {
	list-style-position: outside;
	padding: 0;
	margin: 0 0 0 6px;
}

/* template layout */
.ewLayout {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	width: 100%;
	height: 100%;
}

.ewHeaderRow {
	background-color: #2D7090; 
	background-color: #ffffff;
}

.logodiv{
	width: 350px;
	margin-left: 15px;
}

.logodiv img{
padding: 0px;
}

.ewContentTable {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
	width: 100%;
	height: 100%;	
}

.ewMenuColumn {
	background-color: #ffffff;
	width: 150px;
	vertical-align: top;
	padding: 1px;
	font-size: 12px;
	border-right: 1px solid #E7E8E6; 
	border-left: 1px solid #E7E8E6; 
}

.ewMenuColumn a {
		
		
		display: block;
		background: #ffffff;
		font-size: 11px;
		color:#626A69;
		text-decoration:none;
		/*padding: 9px 10px 9px 8px; */
		padding: 6px 4px;
		border-left: 0px solid #b7d8dc;
		border-right: 0px solid #ffffff;
		border-top: 0px solid #f3f8f7;
		border-bottom: 1px solid #E7E8E6;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		/* background: url(../images/arrow.png) no-repeat 97% center; */
	}


.ewMenuColumn a:hover,
.ewMenuColumn a:active,
.ewMenuColumn a:focus
	{
		color: #2C79B3;
		background: url(../images/arrow2.gif) no-repeat 97% center;
	}
	

.ewContentColumn {
	background-color: inherit; /* background color */
	vertical-align: top;
	padding: 10px;
	border-right: 1px solid #E7E8E6;
}

.ewFooterRow {
	background-color: #ffffff; /* background color */
	color: #626A69; /* footer font color */	
	padding: 4px; 
	border-top: 2px solid #E7E8E6;
	text-align: center;
}

.ewFooterText {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
}
.ewFooterText a {
	color: #2C79B3;
	text-decoration: none;
}

.ewForm {
	margin: 0;
	padding: 0;
}

.ewGrid {
	border-collapse: separate;
}

.ewGridContent {
	padding: 0;	
	border: 1px solid #7EACB1; /* grid border */			
}

/* grid pager panel */
.ewGridUpperPanel, .ewGridLowerPanel {
	padding: 3px;	
	border-left: 0;
	border-right: 0;	
	background-color: #F4FAFB; /* grid header color */
	color: #2A769D;	 /* grid header font color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */			
}

.ewGridUpperPanel {
	border-top: 0px;
	border-bottom: 1px solid;
	border-color: #7EACB1; 
}

.ewGridMiddlePanel {
	border: 0;	
}

.ewGridLowerPanel {
	border-top: 1px solid;
	border-bottom: 0px; 
	border-color: #C2D4DA; 
}

.ewGridUpperPanel td, .ewGridLowerPanel td {
	color: #2A769D;	 /* grid header font color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */			
}

.ewPager td {
	white-space: nowrap;	
}

.ewTabContent {
	padding: 0;
	border: 0;
}

.ewMultiColumnTable {
	border: 0;
}

.ewMultiColumnTable td {
	padding: 10px;
}

/* main table */
.ewTable {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */			
}

.ewTableSeparate {	
	border-collapse: separate;		
}

.ewTable td {
	padding: 3px; /* cell padding */
	border-bottom: 1px solid; /* border width, horizontal grid line */
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid; /* border width, vertical grid line */
	border-color: #C2D4DA;  /* border color */
}

.ewTableAddOpt {
	border: 0;
	border-spacing: 0;
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */			
}

.ewTableAddOpt td {
	padding: 3px; /* cell padding */
	border: 0;
}
	
.ewTable .ewTableHeader, .ewTable .ewTableHeader td {
	background-color: #B7D8DC;	/* header bgcolor */
	color: #000000; /* header font color */
	border-bottom: 1px solid; /* header border width */
	border-right: 1px solid; /* header border width */
	border-color: #7EACB1; /* header border color */	
	background-repeat: repeat-x;		
	vertical-align: top;
	font-weight: bold;	
}

.ewPointer {
	cursor: pointer;
}

.ewTableHeader a:link, .ewTableHeader a:active, .ewTableHeader a:visited {	
	color: #000000; /* header font color */
	text-decoration: none;	
}

.ewTableHeaderBtn {
	width: 100%;
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */				
}

.ewTableHeader .ewTableHeaderBtn td {
	background: transparent;
	padding: 0;
	border: 0;
	white-space: nowrap;		
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
	color: inherit;
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #F3F8F7; /* alt row color 2 */
	color: inherit;	
}

/* main table last row */
.ewTableLastRow td {
	border-bottom: 0px;
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #B0E0E6; /* edit mode color */
	color: inherit;
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #E0FFFF; /* highlight color */
	color: inherit;
}

/* main table select color */
.ewTableSelectRow {
	background-color: #2D7090; /* select color */
	color: #FFFFFF;
}

/* main table footer */
.ewTableFooter {
	background-color: #EDF3F4; /* footer color */
	color: inherit;
}

/* table for export to HTML */
.ewExportTable {
    border-collapse: collapse;
    empty-cells: show; 
}

.ewExportTable td {
    padding: 3px; /* cell padding */
    border: 1px solid #C0C0C0;
}

.ewBasicSearch {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewBasicSearch td {
	border: 0px;
	padding: 2px;
}

.ewSearchOpr {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	color: maroon;
}

.ewItemTable td {
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewMessage {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
}

/* required field indicator */
.ewRequired {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Template */
.ewTemplate {
	display: none;
}

.ewUnmatched {
	background: #FF9F9F;
}




/* roScripts
Table Design by Mihalcea Romeo
www.roscripts.com
----------------------------------------------- */

.tablespecial {
		border-collapse:collapse;
		background:#efefef;
		font:'Trebuchet MS',helvetica,arial,verdana; 
		font-size: 11px;
		color: #333;
}

.tablespecial_plain {
		border-collapse:collapse;
		background:#fff;
		font:'Trebuchet MS',helvetica,arial,verdana; 
		font-size: 11px;
		color: #333;
}

.tablespecial th {
		padding:3px;
		height: 30px;
		font-weight:bold;
		font-size: 12px;
}

.tablespecial caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}


.tableplain {
		border-collapse:collapse;
		border-left:1px solid #7EACB1;
		border-right:1px solid #7EACB1;
		border-bottom:1px solid #7EACB1;
		border-top:1px solid #7EACB1;
		font:'Verdana',helvetica,arial,verdana; 
		font-size: 0.8em;
		color: #333;
}

.tableplain th {
		padding:3px;
		font-weight:bold;
		font-size: 12px;
}

.tableplain caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

.tablespecial th {
		background:#CCC /*url(../images/gradientlinebg.gif) repeat-x; */
		/*color:#ffffff; */
}

.tablespecial td {
	padding: 2px;
}

.tablespecial tr {
		/*color:#fff;
		border-bottom: dashed 1px #333;*/
}

.tablespecial th {
		white-space: nowrap;
}

.tablespecial tr.odd {
}

.tablespecial tr:hover {

}

.box    
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background: #fdfdfd;
	border: 1px solid #eee;
	visibility: visible;
}

/*
.box2    
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background: #f9f9ff;
	border: 1px solid #AAAAAA;
	visibility: visible;
}*/

.displaytextbox {
	font-family: "Courier New", Courier, monospace;
	color: #0000CC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

.displaytextbox2 {
	font-family: "Courier New", Courier, monospace;
	color: #0000CC;
	background: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #ffffff;
}

.display2del {
	font-family: "Courier New", Courier, monospace;
	color: #FF0000;
	text-decoration: line-through;
	background: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #ffffff;
}

.displaypricetextbox {
	font-family: "Courier New", Courier, monospace;
	color: #0000CC;
	background: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #ffffff;
	text-align: center;
}

.displaypricedel {
	font-family: "Courier New", Courier, monospace;
	color: #FF0000;
	text-decoration: line-through;
	background: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #ffffff;
	text-align: center;
}

.displayqtytextbox {
	font-family: "Courier New", Courier, monospace;
	color: #0000CC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	text-align: center;
}

.displayqtydel {
	font-family: "Courier New", Courier, monospace;
	color: #FF0000;
	text-decoration: line-through;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	text-align: center;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 140px; /*width of menu*/

vertical-align: top;
padding: 1px;
font-size: 12px;
}

.glossymenu a.menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
background-color:#FFFFFF;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #626A69;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #E7E8E6;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
/*color: white; */
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
		color: #EC2127;
		background: url(../images/arrow3.png) no-repeat 97% center;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
 background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid white; 
}

.glossymenu div.submenu ul li a{
background: url(../images/arrow2.gif) no-repeat 97% center;
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #EC2127;
text-decoration: none;
padding: 2px 0;
padding-left: 20px;
}

.glossymenu div.submenu ul li a:hover{
background: url(../images/arrow3.png) no-repeat 97% center;
background-color:#999999;
color: white;

}

.searchBox{
  background-image:url(../images/magnifying-glass.gif);
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  padding-left:20px;
} 

/*------------DTab Menu---------------------*/
.chromemenu{
/*background: url(../images/chromebg.gif) center center repeat-x; */
width: 99%;
font-size:11px;
font-weight: bold;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
border: 1px solid #BBB;
width: 100%;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
}

.chromemenu ul li a{
color: #494949;
padding: 5px 8px;
margin: 0;
text-decoration: none;
border-right: 0px solid #BBB;
}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
/*background: url(../images/chromebg2.gif) center center repeat-x; */
background-color: #4f5d73;
color: #fff;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
padding-top: 5px;
padding-bottom: 5px;
display:block;
}

.tabcontent a{
	display: inline;
	line-height: normal;
	padding: 0 15px;
	color: #2C79B3;
	text-decoration: none;
	/* background: url(../images/vline.gif) no-repeat center left; */
}

.secondarylinks {
 /* border-bottom:#CCCCCC solid 1px; */
}

/*-----------------Wforms--------------------------*/
form {
	/*padding: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color:#F8F8F6;
	background-image: url(images/formBg.png);
	border: 1px dotted #878177;	 */
}

/* Form Sections ======================================================================== */
/* Fieldset  */
fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	background-color:#F4F4F2;
	border: 3px double #878177;	
}
.legend {
	padding: 2px 5px;
	color: #1C1C1C;
	background-color: #FFD;
	border: 1px solid #878177;
}

.inlineSection {
	overflow: auto;
	width: 100%;
}
/* Grid Section */
form table {
	/*border-collapse: collapse;*/
}
form td {
	/*padding: 0 4px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;	*/
}
form th {
	/*padding: 0 4px; */
}
form .alternate-1 {
	background-color:#E9E9E6;
}
form .alternate-0 {
}

/* Combo Label + Input Field =========================================================== */
form .oneField {
	
}
form .inlineSection .oneField {
	float: left;	
	padding: 0;
	margin-right: 4px;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	white-space: nowrap; 
}

/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	color: #333;
	font-size: small;
}
/* Text inputs / Select label */
label.preField {
	display: block;
	padding: 2px;
	margin: 0.4em 4px 0 0;
	font-weight: bold;
}
/* Radio / Checkbox group label */
form .label  {
	display: block;
	padding: 2px;
	margin: 0.4em 4px 0 0;
	font-weight: bold;
}
/* Individual Checkbox / Radio label */
label.postField  {
	margin: 0 4px 0 4px;
}
/* Label when inside an inline section */
.inlineSection .oneField .inlineLabel {
	display: block;	
	padding: 0 3px;
	font-weight: bold; 
	margin: 0.4em 4px 0 0;
}

/* Inputs ======================================================================== */

textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 2px 1px 0;
}

input[type='text'] {		
	/*background-color:#e9f9ac;
	margin:2px 5px 0 0;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	color:#5c71a2;
	font-family:"Courier New", Courier, mono;
	padding:1px 2px;*/
}

select {
	padding: 0;
	margin: 2px 2px 1px 0;
}
.inlineSection .oneField select {
	margin: 0 2px 1px 0 !important;
}
.gridSection select  {
	margin: 0 !important;
}

/* Buttons ======================================================================= */

form .actions {
	text-align: center;
	margin: 20px 0 10px 0;
			
}
/* Submit button */
form .primaryAction {

}
/* Cancel button */
form .secondaryAction {
	color: grey;
}
form .secondaryAction:hover {
	color: black;
}


/* Form Builder Related Rules ===================================================== */

/* Form or Fieldset instruction paragraph. */
form .instructions {
	margin: 1em 0;
}
/* Asterisk on required fields */
form .reqMark {
	color: #F00;
	padding: 0 4px;
}

/* wForms Related Rules ========================================================== */

/* Field w/ a validation error */
form .errFld {
	padding: 1px;
	/*border: 1px solid #F00;*/
	background: #FFBFBF;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	color: #CC3333 !important;
	display: block;
	font-size: 8pt; font-family: Tahoma; 
}
/* Field-Hint with focus */
form .field-hint {
	color: #000;
	float: right;
	width: 220px;
	margin: 15px 0 0 0;
}
/* Field-Hint without focus */
form .field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 220px;
	margin: 15px 0 0 0;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	border: 1px dotted #ccc;
	background-color: #FFFFFF;
	margin: 3px 0;
	padding-right: 3px;

}
div.removeable {
	border: 1px dotted #ccc;
	background-color: #F5F5F5;
	padding-right: 3px;	
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	line-height: 260%;
	font-weight: bold;
	color: #5C594E;
}
form .removeLink {
	line-height: 260%;
	color: #CC3300;
}
form td .duplicateLink, form td .removeLink  {
	margin: 0;
	line-height: 100%;
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an,
.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
.onstate-as, .onstate-at, .onstate-au, .onstate-av,
.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
	display: block;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */


/* IE6 BUG FIXES ==================================================================== */
form {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form fieldset {
	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	margin-top:expression('1em');
	padding-top:expression('1.5em');
}
form fieldset legend {
	position: expression('absolute'); 
	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
	left:expression('.5em');
}
.required {
	padding: 1px;
	/*border: 1px solid #F00;*/
	background: #CCCCFF;
}

/*------------wform json only-----------------------------*/
.offstate-a, .offstate-b, .offstate-c, .offstate-d, 
.offstate-e, .offstate-f, .offstate-g, .offstate-h, 
.offstate-i, .offstate-j, .offstate-k, .offstate-l,
.offstate-m, .offstate-n, .offstate-o, .offstate-p, 
.offstate-q, .offstate-r, .offstate-s, .offstate-t,
.offstate-u, .offstate-v, .offstate-w, .offstate-x,  
.offstate-y, .offstate-z, .offstate-aa, .offstate-ab,
.offstate-ac, .offstate-ad, .offstate-ae, .offstate-af,
.offstate-ag, .offstate-ah, .offstate-ai, .offstate-aj,
.offstate-ak, .offstate-al, .offstate-am, .offstate-an,
.offstate-ao, .offstate-ap, .offstate-aq, .offstate-ar,
.offstate-as, .offstate-at, .offstate-au, .offstate-av,
.offstate-aw, .offstate-ax, .offstate-ay, .offstate-az {
	display: none !important;
}
.wfPage, .wfHideSubmit { 
	display: none !important;
}
.wfCurrentPage {
	display: block !important;
}

/*----------------------Cal Skin-----------------------*/
div.calendar { 
	position: relative; 
	}

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("normal-bg.gif"); 
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("active-bg.gif"); color: #fff;
}

.cssbutton{
    border: solid 1px #EC2127; 
    background: #EC2127; 
	background-position: 0 0;
    color: #fff;
	height:21px;
	padding: 2px 20px 2px 20px;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer;
}

.cssbutton a{
    border: solid 1px #EC2127;    
    background: #EC2127; 
	background-position: 0 0;
    color: #fff;
	height:21px;
    padding: 0px 2px;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer;
}

.cssbutton:hover{
	background-position: 0 -74px;
	background: #80000A;  
	border: solid 1px #80000A;  
}


/*#loading {
width: 100%;
height: 100%;
top: 170px;
left: 0px;
z-index: 100;
position: fixed;
display: block;
opacity: 0.8;
background-color: #FFF;
z-index: 99;
text-align: center;
}
*/
#loading{position:fixed;top:30%;left:35%;z-index:1104;}

#loading-image {
position: absolute;
top: 40%;
left: 45%;
z-index: 100;
}
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	/*background-image:url(../images/white.png); */
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
	color:#000000;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.messages{margin:0 20px 0 20px;padding:0;clear:both;overflow:hidden;}
.message{margin:0 0 10px 0;padding:0;clear:both;overflow:hidden;}
.image{margin:2px 0 2px 5px;padding:6px;float:left;}
.image img{margin:0;vertical-align:middle;}
.text{margin:0;padding:10px 6px 10px 6px;float:left;}
.dismiss{margin:0;padding:0;float:right;}
.dismiss a{margin:15px 14px 0 0;padding:0;height:16px;width:16px;display:block;background:url("../images/icons/cross.png") no-repeat;}
.box div.message div.text h1,
.box div.message div.text h2,
.box div.message div.text h3,
.box div.message div.text h4,
.box div.message div.text h5,
.box div.message div.text h6{margin:0;padding:0;border:none;}
.box div.message div.text span{margin:0;padding:5px 0 0 0;height:1%;display:block;}

.message-error{height:1%;clear:both;overflow:hidden;background:#FBE3E4;border:1px solid #FBC2C4;color:#860006;}
.message-error h6{color:#860006;}
.message-warning{height:1%;clear:both;overflow:hidden;background:#FFF6BF;border:1px solid #FFD324;color:#5f5200;}
.message-warning h6{color:#5f5200;}
.message-notice{height:1%;clear:both;overflow:hidden;background:#8FBDE0;border:1px solid #6BACDE;color:#003863;}
.message-notice h6{color:#003863;}
.message-success{height:1%;clear:both;overflow:hidden;background:#E6EFC2;border:1px solid #C6D880;color:#4e6100;}
.message-success h6{color:#4e6100;}


.travel-img-link{
    display:block;
    width:234px;
    height:100px;
	background: url('../images/travel.jpg');
}

.travel-img-link:hover {
    display:block;
    width:234px;
    height:100px;
    background:url('../images/travel-focus.jpg');
}

.motor-img-link{
    display:block;
    width:234px;
    height:100px;
	background: url('../images/motor.jpg');
}

.motor-img-link:hover {
    display:block;
    width:234px;
    height:100px;
    background:url('../images/motor-focus.jpg');
}

.life-img-link{
    display:block;
    width:234px;
    height:100px;
	background: url('../images/life.jpg');
}

.life-img-link:hover {
    display:block;
    width:234px;
    height:100px;
    background:url('../images/life-focus.jpg');
}

.health-img-link{
    display:block;
    width:234px;
    height:100px;
	background: url('../images/health.jpg');
}

.health-img-link:hover {
    display:block;
    width:234px;
    height:100px;
    background:url('../images/health-focus.jpg');
}