h1,p,a,body {
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
	font-size: 12px;
}

td img.shrinkwrap {display: block;}

.add {
    background-image:url(/ssi/scripts/ext/examples/shared/icons/fam/add.gif) !important;
}
.authenticate {
    background-image:url(/ssi/images/icons/two-checks.gif) !important;
}
.viewssis {
    background-image:url(/ssi/images/icons/view-ssis.gif) !important;
}

.user-cls {
    background-image:url(/ssi/images/icons/user-cls.gif) !important;
}
.user-glb {
    background-image:url(/ssi/images/icons/user-glb.gif) !important;
}

input.x-static-text-field {
    	background: transparent;
    	border: none;
    	color: inherit;
	    -moz-opacity: 1;
	    opacity: 1;
	    filter: alpha(opacity=100);
    }
   
.valign-top {
        vertical-align: top;
        	padding-left: 5px;
        padding-right: 5px;

    }

img.read-only {
        background: none;
        border: none;
        height: 0px;
        width: 0px;
        display: none;
}
.read-only {
        background: none;
        border: none;
        height: 0px;
        width: 0px;
}

.x-message-info {
    font:bold 11px verdana;
}

.x-message-error {
    font:bold 11px verdana;
    color:#ee0000;
}

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.remove-row td {color: red;}
.add-row td {color: green;}
.modify-row td {color: blue;}

/* Added so that grid cells wrap */
.x-grid3-cell-inner, .x-grid3-hd-inner {
	white-space: normal;
}

body { margin: 0; padding: 0; font: 11px verdana; color: #333333; background-color: #fefefe; }
img { border: 0 }
.container { width: 100%; border-right: 1px solid #dddddd; background-color: #ffffff; vertical-align:top; padding:0; margin:0; }
.container .p2_menu { background-color: #EFE9D1; }
.container .p2_menu td { text-align: left; border-right: 1px solid #BFB06C; border-bottom: 1px solid #BFB06C; padding: 4px 18px 4px 18px; white-space: nowrap}
td.quick_links { font: 11px verdana; padding-bottom: 3px; color: #cccccc; }
a { text-decoration: none; color: #000099;}
a:hover {text-decoration: underline;}

#breadcrumb, .breadcrumb { margin: 10px; padding: 0; color: #999999; font: normal 9px Verdana, Arial, Trebuchet, sans-serif; } 

.bodyarea { margin:0; padding: 0px 20px 0 20px; font: 11px verdana; color: #333333; }

.pagetitletext { margin:0; padding-bottom: 18px; font: bold 16px verdana; color: #222b64; }

.cartridge { padding: 4px 20px 6px 12px; margin: 0 0px 12px 0; background-color: #efefef; border: 1px solid #dddddd; }
	
H3 { margin:0; padding-bottom: 12px; font: bold 12px verdana; color: #222b64; }
H2 { margin:0; padding-bottom: 14px; font: bold 14px verdana; color: #222b64; text-indent: 0; }
H1 { margin:0; padding-bottom: 16px; font: bold 16px verdana; color: #222b64; text-indent: 0; }

p { font: 11px/14px verdana; margin: 8px 20px 12px 0px;  }

tr.menu { height: 23px;}
tr.menu td { height: 23px; background: transparent url(/ssi/images/banner/menu_bg.gif) repeat-x; vertical-align: top; text-align: left; border-bottom: 2px solid #cccccc;}

/* javascript drop-down menu styles -- MODIFIED FROM WEB STYLE */
#sddm {	margin: 0; padding: 0; z-index: 30; height: 23px; width: 100%; background: url(/ssi/images/banner/menu_bg.gif) repeat-x; }
#ssdm ul { margin: 0; padding: 0; height: 23px;}
#sddm li { margin: 0; padding: 0; list-style: none; float: left; height: 23px;}
#sddm li.app-version { font: 11px arial; color: #55aeb2; padding-right: 10px; margin-top: 4px; list-style: none; float: right; height: 20px;} 
#sddm li a { margin: 0; padding: 4px 24px 5px 24px;	display: block;	text-align: center;	text-decoration: none; font: bold 12px verdana; color: white; border-right: 1px solid #1D4183}
#sddm li a:hover { margin: 0; padding: 4px 24px 5px 24px; background: url(/ssi/images/banner/menu_bg_on.gif) repeat-x; text-decoration: none; font: bold 12px verdana; color: #000099; border-right: 1px solid #1D4183 }
#sddm div {z-index:200;position: absolute; visibility: hidden;	margin: 0;	padding: 0; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }
#sddm div a { position: relative; display: block;	margin: 0;	padding: 5px 12px 5px 8px; white-space: nowrap; text-align: left; text-decoration: none; background: #ffffdd; border-top: 1px solid #dddddd; color: #2875DE; font: 11px verdana; }
#sddm div a:hover {	background: #E4F19A; color: #000033; font: 11px verdana; margin:0; padding: 5px 12px 5px 8px;}

#sddm li a.on { margin: 0; padding: 4px 24px 5px 24px; background: url(/ssi/images/banner/menu_bg_on.gif) repeat-x; text-decoration: none; font: bold 12px verdana; color: #000099; border-right: 1px solid #1D4183 }

/* end javascript drop-down menu styles*/

td.left_column { font: 11px verdana; padding: 8px 8px 0 18px; vertical-align: top}
td.left_column h1 { font: bold 13px verdana; color: #1E5329; margin: 0; padding: 0;  } 
td.left_column p { font: 11px verdana; padding: 0; margin: 12px 0 12px 0; }

td.left_column_p2 { background: url(images/green_column_head.gif) no-repeat top left; font: 11px verdana; padding: 72px 12px 0 12px; vertical-align: top; border-right: 1px solid #f7f7f7;}
td.left_column_p2 h1 { font: bold 13px verdana; color: #1E5329; margin: 0; padding: 0;  } 
td.left_column_p2 p { font: 11px verdana; padding: 0; margin: 12px 0 12px 0; }

td.home_content_border { background: url(images/green_vertical_rule.gif) no-repeat top left ; width: 68px;}
td.home_content { width: 750px; vertical-align: top; background: url(images/green_horizontal_arrow.gif) no-repeat top left ; padding-top: 24px;}
td.p2_content { padding-left: 19px; width: 750px; vertical-align: top; }


.footer { font: 10px verdana; background-color: #efefef; height: 25px; border-top: 18px solid white; }
.small_txt {font: 9px verdana; margin-top: 24px;}
.normal_txt {font: 10px verdana;}

.column { float: left; font: 11px verdana; width: 300px; background-color: #f7f7f7; margin-top: 12px; }

/* rates table design */
table.rates {  font: 11px arial; width: 210px; margin-top: 8px; border-collapse: collapse; padding: 0; }
table.rates td { border: 1px solid #cccccc; padding: 3px;  color: #333333;	}
table.rates tr.odd { background-color: #eeeeee;	}
table.rates tr.odd td { border: 1px solid #cccccc; }
table.rates tr.bg_head { background: transparent url(/ssi/images/banner/white-top-bottom.gif) repeat-x scroll 0pt -1px; 	text-align: center; font: bold 11px verdana; }
th.report-head { background: transparent url(/ssi/images/banner/white-top-bottom.gif) repeat-x scroll 0pt -1px; 	text-align: center; font: bold 11px verdana; height: 22px; border: 1px solid #cccccc;}
.reportdata-odd { background-color: #eeeeee; } 
table.rates tr.bg_head td { /* border: 1px solid #6795AF;  */  text-align: center; border-top: 1px solid #ADADD1; border-right: 1px solid #ADADD1; color: #405295; height: 20px; }
table.rates td p { margin: 0; padding: 3px;  line-height: 1.5em; }

/* end rates */

/*fxrates */
#fxrates { width: 200px; }

div.hr { border: 0; height: 1px; background-color: #dddddd; margin: 12px 60px 4px 0 }
hr {display:none}

td img.shrinkwrap {display: block;}

.tablink {text-decoration: none; color: #FFFFFF}

A.tablink:link {text-decoration: none; color: #FFFFFF}

A.tablink:active { text-decoration: none; color: #FFFFFF }

A.tablink:hover { text-decoration: none; color: #FFFFFF }

A.tablink:visited { text-decoration: none; color: #FFFFFF }

.menu_table {

	border-bottom: 4px solid #55aeb2; 

	background: #003589;

}

TABLE.footer {

	BORDER-TOP: #cccccc 1px solid; 

	MARGIN-TOP: 30px; 

	MARGIN-LEFT: 20px

}

TABLE.footer TD {

	FONT-WEIGHT: normal; 

	FONT-SIZE: 10px; COLOR: #666666; 

	LINE-HEIGHT: 1.3em; 

	PADDING-TOP: 10px; 

	FONT-FAMILY: verdana, arial, helvetica, sans-serif

}

.add {

    background-image:url(/ssi/scripts/ext/examples/shared/icons/fam/add.gif) !important;

}

.authenticate {

    background-image:url(/ssi/images/icons/two-checks.gif) !important;

}

.viewssis {

    background-image:url(/ssi/images/icons/view-ssis.gif) !important;

}



.user-cls {

    background-image:url(/ssi/images/icons/user-cls.gif) !important;

}

.user-glb {

    background-image:url(/ssi/images/icons/user-glb.gif) !important;

}


input.x-static-text-field {

    	background: transparent;

    	border: none;

    	color: inherit;

	font:normal 10px verdana;
	
	-moz-opacity: 1;

	    opacity: 1;

	    filter: alpha(opacity=100);

    }


.valign-top {

        vertical-align: top;

        padding-left: 5px;

        padding-right: 5px;



    }


img.read-only {

        background: none;

        border: none;

        height: 0px;

        width: 0px;

        display: none;

}

.read-only {

        background: none;

        border: none;

        height: 0px;

        width: 0px;

}

table.simpletable {

	border: none;

	border-collapse:collapse;

}

table.simpletable td {

	border-left: 1px solid #55aeb2;

	border-right: 1px solid #55aeb2;

	padding:2px;

	padding: 2px;

}

table.simpletable thead th{

	font-weight:bold;

	font-size:90%;

	vertical-align:bottom;

	border-bottom:1px solid #55aeb2;

	margin-bottom:5px;

	padding: 2px;

}

table.simpletable tfoot td { border:none; border-top:1px solid #55aeb2; }

a, a:link, a:visited { text-decoration: underline; font-size:11px;}
a:hover { text-decoration: none; } 

.x-fieldset-no-bottom{padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:0px;margin-bottom:0px;display:block;}
.x-fieldset-no-top-bottom{padding-top:0px;padding-left:10px;padding-right:10px;padding-bottom:10px;margin-bottom:0px;display:block;}

/* Start - Styles & classes for public website*/

td.web_left_column { font: 11px verdana; padding: 8px 8px 0 18px; vertical-align: top}
td.web_left_column h1 { font: bold 13px verdana; color: #1E5329; margin: 0; padding: 0;  } 
td.web_left_column p { font: 11px verdana; padding: 0; margin: 12px 0 12px 0; }

td.web_left_column_p2 { background: url(/ssi/images/website/green_column_head.gif) no-repeat top left; font: 11px verdana; padding: 72px 12px 0 12px; vertical-align: top; border-right: 1px solid #f7f7f7;}
td.web_left_column_p2 h1 { font: bold 13px verdana; color: #1E5329; margin: 0; padding: 0;  } 
td.web_left_column_p2 p { font: 11px verdana; padding: 0; margin: 12px 0 12px 0; }

td.home_content_border { background: url(/ssi/images/website/green_vertical_rule.gif) no-repeat top left ; width: 68px;}
td.home_content { width: 750px; vertical-align: top; background: url(/ssi/images/website/green_horizontal_arrow.gif) no-repeat top left ; padding-top: 24px;}
td.web_p2_content { padding-left: 19px; width: 770px; vertical-align: top; }
.pagetitle {font: 24px verdana; color: #003300; margin: 0; padding: 22px 60px 0 0; }
webH3 { font: italic 13px verdana; color: #007F1A; margin: 0; padding:0 }
webH2 { font: 12px/17px verdana; color: #0C5F26; margin: 0; padding: 10px 60px 6px 0; }
webH1 {font: bold 13px/18px verdana; color: #0C5F26; margin: 0; padding: 10px 60px 0 0; }
.webfooter { font: 10px verdana; padding-left: 12px; background-color: #dddddd; height: 18px; border-top: 18px solid white; }
ul.arrow { padding: 4px 0 0 18px; margin: 0; }
ul.arrow li { list-style: outside url(/ssi/images/website/bullet_arrow.gif); padding: 0 60px 8px 12px; margin: 0 0 2px 8px; line-height: 1.5em; }

ul.green { padding: 4px 0 0 18px; margin: 0; }
ul.green li { list-style: url(/ssi/images/website/green_bullet.gif); padding: 0 60px 8px 8px; margin: 0 0 2px 8px; line-height: 1.5em; }

/* End - Styles & classes for public website*/

/*Start - Login page styles*/
img { border: 0 }

.ssi_banner_login { background-color: #5bb35f; padding: 3px; border-bottom: 4px solid #2b56ab; color: #ffffff; }
.ssi_banner_login img { padding-left: 10px; }

td, p { font: 11px verdana; }

loginh3 { font: bold 13px verdana; color: #007F1A; text-indent: 0; padding-top: 6px; }

.formheader { text-align: left; }

label { width: 170px; text-align: right; float: left; display: block; vertical-align: bottom;}

.labelfield { font: bold 11px verdana; color: #333333; }

.formfield { margin-left: 4px; height: 24px; }

.disclaimer { font: 10px verdana; color: #333333; }
/*End - Login page styles*/