/* CSS Document */

body {
	background: #FFF url("imagesCSS/body_bk_white.png") repeat-x top center;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	margin: 0;
	padding: 0;
}

body#blank{
	background: #DDD;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	margin: 0;
}

body#print{
	background: #FFF;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	margin: 0;
}

span.smallText
{
    font-size:92%;
}

/* --------------------------------------------------------------------------  Site Structure */

#header {
	height: 70px;
	display: block;
	background: transparent url("imagesCSS/header_white-bk.png") no-repeat top center;
}
#WebRegHeader {
	height: 70px;
	display: block;
}
#third_party_logo {
	height: 70px;
	display: block;
	background: #FFF;
}

#container {
	margin: 0px auto;
	padding: 0;
	width: 800px;
}
#main {
	margin-top: 1px;
	border-right: #E7E7E7 1px solid;
	border-bottom: #E7E7E7 1px solid;
	background: #FFF url("imagesCSS/main_bk-left_col.png") repeat-y top left;
	/*background: transparent url("imagesCSS/main_bk-right_col.gif") repeat-y top right;*/
	padding: 0;
}
#left {
	float: left;
	display: inline;
	width: 175px;
	margin: 0;
}

/* -----------------------------------------  Misc Layout Elements */

#thirds {
	float: left;
	width: 190px;
	padding: 2px;
}
#half {
	float: left;
	width: 297px;
	padding: 2px;
}
.clear {
	clear: both;
}

/* --------------------------------------------------------------------------  Top Tabs */
/* these are currently not used, 
but a good place for help, logout, or any other extra tabs */

ul#toptabs {
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	
}
ul#toptabs li {
	margin: 0;
	padding: 0;
	height: 22px;
	float: left;
}
ul#toptabs li a {
	color: #111;
	float: left;
	display: block;
	/*text-indent: -7998px;*/
	outline: none;
}
ul#toptabs li.help a {
	background: transparent url("imagesCSS/help.png") no-repeat left center;
	padding: 2px 10px 2px 20px;
	text-decoration: none;
	/*background: url("imagesCSS/toptabs_01.gif") no-repeat left bottom;
	width: 69px;
	height: 22px;*/
}
ul#toptabs li.help a:hover {
	/*background: url("imagesCSS/toptabs_01.gif") no-repeat left top;
	width: 69px;*/
	text-decoration: underline;
}
ul#toptabs li.logout a {
	background: transparent url("imagesCSS/lock.png") no-repeat left center;
	padding: 2px 0 2px 20px;
	text-decoration: none;
	/*background: url("imagesCSS/toptabs_02.gif") no-repeat left bottom;
	width: 84px;
	height: 22px*/
}
ul#toptabs li.logout a:hover {
	/*background: url("imagesCSS/toptabs_02.gif") no-repeat left top;
	width: 84px;*/
	text-decoration: underline;
}

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

#tabsB {
	float: right;
	width: 100%;
	margin: 24px 0 0 0;
	padding: 0;
	font-size: 12px; 
		height: 24px;
		overflow: hidden;
}
#tabsB ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
		height: 16px;
}
#tabsB li {
	display: inline;
	margin: 0;
	padding: 0;
	
}
#tabsB a {
	background: transparent url("imagesCSS/tabs_01.gif") no-repeat scroll left top;
	background-position: left -84px;
	float: right;
	margin: 0 0 0 0;
	padding: 0 2px 0 8px;
	text-decoration: none;
}
#tabsB a span {
	background: transparent url("imagesCSS/tabs_02.gif") no-repeat scroll right top;
	background-position: right -84px;
	color: #333;
	display: block;
	float: none;
	padding: 5px 8px 5px 1px;
}
#tabsB a:hover {
	background-position: left -42px;
}
#tabsB a:hover span {
	background-position: right -42px;
	color: #333;
}
#tabsB a.active span {
	color:#000;
	font-weight: bold;
}
#tabsB a.active {
	background-position: left 0px;
	margin-bottom: -1px;
}
#tabsB a.active span {
	background-position: right 0px;
}
/* --------------------------------------------------------------------------  Breadcrumb Style */

#breadcrumb {
	background: transparent /*url(imagesCSS/home.gif) no-repeat top left*/;
	padding: 2px 2px 3pt 3px;
	margin: 1px;
	height: 14px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}
#breadcrumb ul li {
	margin-left: 0;
	border: none;
	list-style: none;
	display: inline;
}
#breadcrumb a {
	font-size: 9px;
	font-weight: normal;
	color: #9a0202;
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
	color: #b34040;
}

/* --------------------------------------------------------------------------  Links  */

a.mild {
	color: #003D96;
	text-decoration: none;
}
a.mild:hover {
	color: #385d95;
	text-decoration: underline;
}
a {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #cc6600;
	text-decoration: underline;
}
a.alert {
	color: #cc6600;
	font-weight: bold;
	text-decoration: none;
}
a.alert:hover {
	color: #cc9933;
	text-decoration: underline;
}
a span.alert {
	color: #990000;
	font-weight: bold;
}
a.highlight {
	background: transparent url("imagesCSS/bullet_orange.png") no-repeat left 0px;
	padding-left: 15px;
	text-decoration: none;
}
a.highlight:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------  Home Page Table */
table.home {
	margin: 5px;
	width: 605px;
	padding-top: 10px;
}
table.home ul {
	margin: 5px 5px 5px 1px;
	padding: 0px;
}
table.home li {
	background: transparent url("imagesCSS/left_li.gif") no-repeat left 5px;
	list-style: none;
	padding-left: 10px;
	font-size: 11px;
}
table.home li a {
	color: #333;
	padding-left: 5px;
	text-decoration: none;
}
table.home li a:hover {
	color: #666;
	text-decoration: underline;
}
table.home h2 {
	font-size: 14px;
	color: #1D4069;
	border-bottom: 1px solid #CCC;
	margin: 0px;
}
/* --------------------------------------------------------------------------  Left Menus */
/* --------------------------------------------  Orange Menus */

#menuOrange {
	border: #d4d4d4 1px solid;
	padding: 1px;
	margin: 0 0 5px 0;
	background: #fff;
}
#menuOrange h3 {
	background: transparent url("imagesCSS/menuOrange_header-bk.png") repeat-x left top;
	color: #333;
	padding: 2px 0 0 5px;
	margin: 0px;
	font-size: 95%;

}
#menuOrange div {
	padding: 5px;
}
#menuOrange input {
	margin: 0 0 5px 0;
	padding: 2px;
	border: 1px solid #d3d3d3;
	background: #fff url("imagesCSS/tpl_input_bg.gif") no-repeat top left;
	font: normal 11px Arial, Helvetica, sans-serif;
	/*width: 150px;*/
	color: #474038;
}
#menuOrange ul {
	margin: 0;
	padding: 0;/*list-style-type: none;*/
}
#menuOrange li {
	background: transparent url("imagesCSS/left_li.gif") no-repeat left 5px;
	list-style: none;
	padding-left: 5px;
	margin-left: 5px;
	font-size: 11px;
}
#menuOrange a {
	display: block;
	color: #000;
	/*border-bottom: #FFF 1px solid;*/
	padding: 3px;
	width: inherit;
	height: 1%; /* <-- ie6 hack */
	text-decoration: none;
	font-size: 80%;
}
#menuOrange a:hover {
	background-color: #fef2e9;
	color: #111;
}

/* --------------------------------------------  Blue Menus */

#menuBlue {
	border: #bbb 1px solid;
	padding: 1px;
	margin: 0 0 5px 0;
	background: #fff;
}
#menuBlue h3 {
	background: transparent url("imagesCSS/menuBlue_header-bk.png") repeat-x left top;
	color: #FFF;
	padding: 2px 0 0 5px;
	margin: 0px;
	font-size: 95%;

}
#menuBlue div {
	padding: 5px;
}
#menuBlue input {
	margin: 0 0 5px 0;
	padding: 2px;
	border: 1px solid #d3d3d3;
	background: #fff url("imagesCSS/tpl_input_bg.gif") no-repeat top left;
	font: normal 11px Arial, Helvetica, sans-serif;
	/*width: 150px;*/
	color: #474038;
}
#menuBlue ul {
	margin: 0;
	padding: 0;/*list-style-type: none;*/
}
#menuBlue li {
	background: transparent url("imagesCSS/left_li.gif") no-repeat left 5px;
	list-style: none;
	padding-left: 5px;
	margin-left: 5px;
	font-size: 11px;
}
#menuBlue a {
	display: block;
	color: #000;
	/*border-bottom: #FFF 1px solid;*/
	padding: 3px;
	width: inherit;
	height: 1%; /* <-- ie6 hack */
	text-decoration: none;
	font-size: 80%;
}
#menuBlue a:hover {
	background-color: #fef2e9;
	color: #111;
}

/* --------------------------------------------  left nav */
#login {
	border: 1px solid #ccc;
	background: #F8F8F8;
}

#login h2 {
	background: #b5c3d7 /*url(imagesCSS/section_A_header-bk.png) repeat-x left top*/;
	color: #06357A;
	border-top: 1px solid #9baeca;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	margin: 0px;
	font-size: 95%;
	font-weight: bold;
	
}
#login input {
	margin: 0 0 5px 0;
	padding: 2px;
	border: 1px solid #F58426;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	
}

#login input.none {
	border: none;
	background-color: transparent;
}


#login form {
	margin: 0;
	padding: 5px;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#login ul {
	margin: 0;
	padding: 2px 0 10px 0;/*list-style-type: none;*/
}
#login li {
	/*background: transparent url("imagesCSS/left_li.gif") no-repeat left 5px;*/
	list-style: none;
	padding: 0;
}
#login a {
	display: block;
	color: #000;
	/*border-bottom: #FFF 1px solid;*/
	padding: 3px 0 3px 6px;
	margin: 0;
	width: inherit;
	height: 1%; /* <-- ie6 hack */
	text-decoration: none;
	font-size: 10px;
}
#login a:hover {
	background-color: #ffecdd; /*#FFF;*/
	color: #111;
}
#login a.alert {
	display: block;
	color: #990000;
	/*border-bottom: #FFF 1px solid;*/
	padding: 2px 5px 3px 5px;
	margin-right: 1px;
	width: inherit;
	height: 1%; /* <-- ie6 hack */
	text-decoration: none;
	font-size: 10px;
}
#login a.alert:hover {
	background-color: #990000;
	color: #FFF;
}



#leftNav {
	/*border: #bbb 1px solid;
	padding: 1px;
	margin: 0 0 5px 0;
	background: #F8F8F8; */
}

#leftNav h1 {
	/*background: transparent url("imagesCSS/leftNav_header-bk.png") repeat-x left top;*/
	border-bottom: solid #EAEAEA 1px;
	color: #111;
	padding: 2px 0 0 5px;
	margin: 0;
	font-size: 95%;

}
#leftNav h2 {
	background: #fbc294 /*url("imagesCSS/leftNav_header-bk.png") repeat-x left top*/;
	border-bottom: solid #f68428 1px;
	color: #111;
	padding: 2px 2px 2pt 4px;
	margin: 0 1px 0 0;
	font-size: 95%;
}
#leftNav div {
	padding: 5px;
}
#leftNav input {
	margin: 0 0 5px 0;
	padding: 2px;
	border: 1px solid #F58426;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#leftNav input.none {
	border: none;
	background-color: transparent;
}


#leftNav form {
	margin: 0;
	padding: 5px;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#leftNav ul {
	margin: 0;
	padding: 2px 0 10px 0;/*list-style-type: none;*/
}
#leftNav li {
	/*background: transparent url("imagesCSS/left_li.gif") no-repeat left 5px;*/
	list-style: none;
	padding: 0;
}
#leftNav a {
	display: block;
	color: #000;
	/*border-bottom: #FFF 1px solid;*/
	padding: 3px 0 3px 6px;
	margin: 0;
	width: inherit;
	height: 1%; /* <-- ie6 hack */
	text-decoration: none;
	font-size: 10px;
}
#leftNav a:hover {
	background-color: #ffecdd; /*#FFF;*/
	color: #111;
}
#leftNav a.alert {
	display: block;
	color: #990000;
	/*border-bottom: #FFF 1px solid;*/
	padding: 2px 5px 3px 5px;
	margin-right: 1px;
	width: inherit;
	height: 1%; /* <-- ie6 hack */
	text-decoration: none;
	font-size: 10px;
}
#leftNav a.alert:hover {
	background-color: #990000;
	color: #FFF;
}

/* --------------------------------------------------------------------------  Outside */
/* the style for all the outside pages */

#outside {
	padding: 0;
	overflow: hidden;
	display: block;
	margin: 0 8px 0 10px;
	width: 605px;
	position: relative;
	float: left;
}
#outside h1 {
	background: transparent url("imagesCSS/outside_h1-bk.png") repeat-x bottom;
	border-bottom: 1px solid #a6a9bc;
	color: #0b1f38;
	margin: 5px 0 15px 0;
	padding: 5px;
	font-size: 130%;
}
#outside h2 {
	padding: 5px;
	color: #0b1f38;
	border-bottom: 1px solid #a6a9bc;
	font-size: 100%;
	margin: 5px 0;
}
#outside h3 {
	color: #0b1f38;
	padding: 15px 0 0 0;
	margin: 0;
	font-size: 100%;
}
#outside p {
	padding: 5px;
	margin: 0;
}
#outside .nextBack {
	background: #fff;
	text-align: right;
	margin-top: -15px;
	padding: 2px;

}
/* --------------------------------------------------------------------------  Inside */
/* the style for all the inside pages */

#inside {
	width: 624px;
	display: inline;
	float: left;
}

#inside form {
	padding: 0;
	margin: 0;
}

#inside > div,
#inside > form {
	margin: 5px;
	padding: 0;
}

#inside h1 {
	border-bottom: solid #EAEAEA 1px;
	border-top: solid #EAEAEA 1px;
	color: #111;
	padding: 5px;
	margin: 0px;
	font-size: 95%;
	text-align: center;
	/*height: 20px;*/
}

/* --------------------------------------------  Section A */

#section_A {
	border: 1px solid #ccc;
	background: #F8F8F8;
	margin: 0 0 10px 0;
	padding: 0;
}

#section_A h1 {
	border-bottom: 0px;
	border-top: 0px;
	background: #06357A url(imagesCSS/shady_sectionA-h1.gif) repeat-x left top;
	color: #FFF;
	padding: 5px;
	margin: 0px;
	font-size: 95%;
	font-weight: bold;
	text-align: left;
}
#section_A h2 {
	background: #b5c3d7 /*url(imagesCSS/section_A_header-bk.png) repeat-x left top*/;
	color: #06357A;
	border-top: 1px solid #9baeca;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	margin: 0px;
	font-size: 95%;
	font-weight: bold;
	
}
#section_A h3 {
	font-size: 90%;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #999;
}
#section_A p {
	margin: 10px;
}
#section_A h2.alert {
	background: #990000 /*url(imagesCSS/section_A_header-bk.png) repeat-x left top*/;
	color: #FFF;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
}
#section_A div.alert {
	padding: 5px;
	/*background-color: #FFCCCC;*/
	color: #990000;
}
#section_A div.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #FF0000;
}
#section_A div.search {
	padding: 5px;
	background-color: #E7E7E7;
	font-size: 85%;
}
#section_A div.instructions {
	padding: 5px;
	background-color: #EEE;
	font-size: 85%;
}

#section_A div.menu {
	padding: 5px;
	background-color: #d8e4f2;
	font-size: 90%;
}

#section_A ul {
	margin: 5px;/*list-style-type: none;*/
	padding-left: 5px;
}
#section_A li {
	background: url("imagesCSS/left_li.gif") no-repeat left center;
	list-style: none;
	padding: 1px 5px 3px 10px;
	font-size: 85%;
}

/* --------------------------------------------  Section B -- instructions */

#section_B {
	border: #EAEAEA 1px solid;
	background: #F8F8F8;
	margin-bottom: 10px;
}
#section_B h1 {
	background: #F58426 /*url(imagesCSS/left-c.png) no-repeat left top*/;
	color: #FFF;
	margin: -1px;
	font-size: 90%;
	font-weight: bold;
	text-align: left;

}
#section_B h2 {
	background: #CCC /*url(imagesCSS/section_B_header-bk.png) repeat-x left top*/;
	color: #666;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 4px 0 0 6px;
	margin: 0px;
	font-size: 90%;
	font-weight: bold;

}
#section_B h3 {
	font-size: 90%;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #999;
}
#section_B p {
	margin: 5px;
}
#section_B h2.alert {
	background: #FFCCCC /*url(imagesCSS/section_A_header-bk.png) repeat-x left top*/;
	color: #06357A;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 4px 0 0 6px;
	margin: 0px;
	font-size: 90%;
	font-weight: normal;

}
#section_B div.alert {
	padding: 5px;
	background-color: #FFCCCC;
	color: #FF0000;
}
#section_B div.search {
	padding: 5px;
	background-color: #CCFFCC;
	font-size: 85%;
}
#section_B div.instructions {
	padding: 5px;
	background-color: #EEE;
	font-size: 85%;}

#section_B ul {
	margin: 5px;/*list-style-type: none;*/
	padding-left: 5px;
}
#section_B li {
	background: url("imagesCSS/left_li.gif") no-repeat left 5px;
	list-style: none;
	padding: 0px 1px 2px 10px;
	margin-left: 5px;
	font-size: 90%;
}





/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */


#section_C {
	border: #EAEAEA 1px solid;
	background: #F8F8F8;
	margin-bottom: 10px;
}
#section_C h1 {
	background: #A782CC; /*url(imagesCSS/left-c.png) no-repeat left top;*/
	color: #FFF;
	margin: -1px;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}
#section_C h2 {
	background: #DCCDEB;   /*#b5c3d7 url(imagesCSS/section_C_header-bk.png) repeat-x left top*/;
	color: #433452;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 4px 0 2px 6px;
	margin: 0px;
	font-size: 90%;
	font-weight: bold;
}
#section_C h3 {
	font-size: 90%;
	font-weight: bold;
	color: #433452;
	border-bottom: 1px solid #E5DAF0;
}
#section_C p {
	margin: 5px;
}
#section_C h2.alert {
	background: #FFCCCC /*url(imagesCSS/section_A_header-bk.png) repeat-x left top*/;
	color: #06357A;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 4px 0 0 6px;
	margin: 0px;
	font-size: 90%;
	font-weight: normal;
}
#section_C div.alert {
	padding: 5px;
	background-color: #FFCCCC;
	color: #FF0000;
}
#section_C div.search {
	padding: 5px;
	background-color: #CCFFCC;
	font-size: 85%;
}
#section_C div.instructions {
	padding: 5px;
	background-color: #EEE;
	font-size: 85%;}

#section_C ul {
	margin: 5px;/*list-style-type: none;*/
	padding-left: 5px;
}
#section_C li {
	background: url("imagesCSS/left_li.gif") no-repeat left 5px;
	list-style: none;
	padding: 0px 1px 2px 10px;
	margin-left: 5px;
	font-size: 90%;
}



/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */


/* --------------------------------------------  Section D - Announcements */
#section_D {
	border: #FF9999 1px solid;
	background: #fff;
	margin-bottom: 10px;
}
#section_D h1 {
	background: #990000 /*url(imagesCSS/section_D_header-bk.png) repeat-x left top*/;
	color: #FFF;
	padding: 4px 0 0 6px;
	margin: 0px;
	font-weight: bold;
	text-align: left;

}
#section_D h2 {
	background: #FF9999 /*url(imagesCSS/section_D_header-bk.png) repeat-x left top*/;
	color: #990000;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 4px 0 0 6px;
	margin: 0px;
	font-size: 90%;
	font-weight: bolder;

}
#section_D h3 {
	font-size: 90%;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #999;
}
#section_D p {
	margin: 10px;
}
#section_D h2.alert {
	background: #FFCCCC /*url(imagesCSS/section_A_header-bk.png) repeat-x left top*/;
	color: #06357A;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 4px 0 0 6px;
	margin: 0px;
	font-size: 90%;
	font-weight: normal;

}
#section_D div.alert {
	padding: 5px;
/*background-color: #FFCCCC;*/
	color: #FF0000;
	
}
#section_D div.search {
	padding: 5px;
	background-color: #CCFFCC;
	
}
#section_D div.instructions {
	padding: 5px;
	background-color: #EEE;
	font-size: 85%;
}

#section_D ul {
	margin: 5px;/*list-style-type: none;*/
	padding-left: 5px;
}
#section_D li {
	background: url("imagesCSS/left_li.gif") no-repeat left 5px;
	list-style: none;
	padding: 0px 1px 2px 10px;
	margin-left: 5px;
	font-size: 90%;
}

#section_E h1 {
	border-bottom: 0px;
	border-top: 0px;
	background: #00B04D;
	color: #FFF;
	padding: 5px;
	margin: 0px;
	font-size: 95%;
	font-weight: bold;
	text-align: left;
}
#section_E h2 {
	background: #90EE90;
	color: #006400;
	border-top: 1px solid #9baeca;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	margin: 0px;
	font-size: 95%;
	font-weight: bold;
	
}
#section_E h3 {
	font-size: 90%;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #999;
}
#section_E p {
	margin: 10px;
}
#section_E h2.alert {
	background: #990000 /*url(imagesCSS/section_A_header-bk.png) repeat-x left top*/;
	color: #FFF;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
}
#section_E div.alert {
	padding: 5px;
	/*background-color: #FFCCCC;*/
	color: #990000;
}
#section_E div.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #FF0000;
}
#section_E div.search {
	padding: 5px;
	background-color: #E7E7E7;
	font-size: 85%;
}
#section_E div.instructions {
	padding: 5px;
	background-color: #EEE;
	font-size: 85%;
}

#section_E div.menu {
	padding: 5px;
	background-color: #d8e4f2;
	font-size: 90%;
}

#section_E ul {
	margin: 5px;/*list-style-type: none;*/
	padding-left: 5px;
}
#section_E li {
	background: url("imagesCSS/left_li.gif") no-repeat left center;
	list-style: none;
	padding: 1px 5px 3px 10px;
	font-size: 85%;
}


/* --------------------------------------------------------------------------  Form Styles */
/* the sample style for forms -- borrowed from the HOG -- */

.formGray {
	border: 1px solid #999;
	background-color:#f2f2f2; 
}
.formGray input, .formGray textarea, .formGray select {
	border: 1px inset #CCC;
	background-color:#f7f7f7;
	padding: 1px;
	margin: 1px;
}

.formGray input.none {
	border: none;
	background-color: transparent;
}

.formGray input.requiredField, .formGray span.requiredField {
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

.formGray .formGray textarea.requiredField, .formGray select.requiredField {
	/*border: 1px solid #CC3333;*/
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

#inside .formGray h1 {
	text-align: center;
	font-size: 140%;
	color: #06357A;
	background-color: #d1d1d1;
	border: 1px solid #BBB;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}
.formGray h2 {
	color: #06357A;
	border-bottom: 1px solid #BBB;
	background-color: #EAEAEA;
	margin: 10px 0 0 0;
	padding: 2px;
	font-size: 110%;
}


.formGray td {
	font-size: 90%;
	padding: 0px 4px 0px 4px;
}
.formGray div.sectionHelp {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 85%;
	color: #666;
}

.formGray tr.extJS {
	padding: 0px;
	width: auto;
	font-size: 100%;
	margin: 0px;
	vertical-align: middle;
}

.formGray td.extJS {
	font-size: 90%;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.formGray span.extJS {
	font-size: 90%;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}


.formGray tr.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #CC3333;
}

/* the sample style for YELLOW forms -- */

.formYellow {
	border: 1px solid #999;
	background-color:#ffffe6; 
}
.formYellow input, .formYellow textarea, .formYellow select {
	border: 1px inset #CCC;
	background-color:#fff;
	padding: 2px;
	margin: 2px;
}

.formYellow input.none {
	border: none;
	background-color: transparent;
}


.formYellow input.requiredField, .formYellow span.requiredField {
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

.formYellow textarea.requiredField, .formYellow select.requiredField {
	/*border: 1px solid #CC3333;*/
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

#inside .formYellow h1 {
	text-align: center;
	font-size: 140%;
	color: #222;
	background-color: #ffff8c;
	border: 1px solid #BBB;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}
.formYellow h2 {
	color: #333;
	border-bottom: 1px solid #BBB;
	background-color: #ffffcc;
	margin: 10px 0 0 0;
	padding: 2px;
	font-size: 110%;
}
.formYellow td {
	font-size: 90%;
	padding: 0px 4px 0px 4px;
}
.formYellow div.sectionHelp {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 85%;
	color: #666;
}

.formYellow tr.extJS {
	padding-left: 0px;
	font-size: 100%;
	margin-left: 0px;
	vertical-align: middle;
}

.formYellow td.extJS {
	font-size: 90%;
	padding: 0px;
	margin-left: 0px;
	vertical-align: middle;
}



.formYellow tr.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #CC3333;
}

/* the sample style for Blue forms -- */

.formBlue {
	border: 1px solid #999;
	background-color:#e6e6f5; 
}
.formBlue input, .formBlue textarea, .formBlue select {
	border: 1px inset #CCC;
	background-color:#fff;
	padding: 2px;
	margin: 2px;
}

.formBlue input.none {
	border: none;
	background-color: transparent;
}

.formBlue input.requiredField, .formBlue span.requiredField {
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

.formBlue textarea.requiredField, .formBlue select.requiredField {
	/*border: 1px solid #CC3333;*/
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

#inside .formBlue h1 {
	text-align: center;
	font-size: 140%;
	color: #222;
	background-color: #abb9d3;
	border: 1px solid #BBB;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}
.formBlue h2 {
	color: #333;
	border-bottom: 1px solid #BBB;
	background-color: #d9d9f0;
	margin: 10px 0 0 0;
	padding: 2px;
	font-size: 110%;
}
.formBlue td {
	font-size: 90%;
	padding: 0px 4px 0px 4px;
}
.formBlue div.sectionHelp {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 85%;
	color: #666;
}

.formBlue tr.extJS {
	padding-left: 0px;
	font-size: 100%;
	margin-left: 0px;
	vertical-align: middle;
}

.formBlue td.extJS {
	font-size: 90%;
	padding: 0px;
	margin-left: 0px;
	vertical-align: middle;
}

.formBlue tr.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #CC3333;
}

/* the sample style for Green forms -- */

.formGreen {
	border: 1px solid #999;
	background-color:#e6ffe6; 
}
.formGreen input, .formGreen textarea, .formGreen select {
	border: 1px inset #CCC;
	background-color:#fff;
	padding: 2px;
	margin: 2px;
}

.formGreen input.none {
	border: none;
	background-color: transparent;
}

.formGreen input.requiredField, .formGreen span.requiredField {
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

.formGreen textarea.requiredField, .formGreen select.requiredField {
	/*border: 1px solid #CC3333;*/
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}


#inside .formGreen h1 {
	text-align: center;
	font-size: 140%;
	color: #222;
	background-color: #b3ffb3;
	border: 1px solid #BBB;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}
.formGreen h2 {
	color: #333;
	border-bottom: 1px solid #BBB;
	background-color: #ccffcc;
	margin: 10px 0 0 0;
	padding: 2px;
	font-size: 110%;
}
.formGreen td {
	font-size: 90%;
   padding: 0px 4px 0px 4px;
}
.formGreen div.sectionHelp {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 85%;
	color: #666;
}

.formGreen tr.extJS {
	padding-left: 0px;
	font-size: 100%;
	margin-left: 0px;
	vertical-align: middle;
}

.formGreen td.extJS {
	font-size: 90%;
	padding: 0px;
	margin-left: 0px;
	vertical-align: middle;
}


.formGreen tr.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #CC3333;
}

/* the sample style for Pink forms -- */

.formPink {
	border: 1px solid #999;
	background-color:#ffe6e6; 
}
.formPink input, .formPink textarea, .formPink select {
	border: 1px inset #CCC;
	background-color:#fff;
	padding: 2px;
	margin: 2px;
}

.formPink input.none {
	border: none;
	background-color: transparent;
}

.formPink input.requiredField, .formPink span.requiredField {
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

.formPink textarea.requiredField, .formPink select.requiredField {
	/*border: 1px solid #CC3333;*/
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}



#inside .formPink h1 {
	text-align: center;
	font-size: 140%;
	color: #222;
	background-color: #ffbfbf;
	border: 1px solid #BBB;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}
.formPink h2 {
	color: #333;
	border-bottom: 1px solid #BBB;
	background-color: #ffd9d9;
	margin: 10px 0 0 0;
	padding: 2px;
	font-size: 110%;
}
.formPink td {
	font-size: 90%;
	padding: 0px 4px 0px 4px;
}
.formPink div.sectionHelp {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 85%;
	color: #666;
}

.formPink tr.extJS {
	padding-left: 0px;
	font-size: 100%;
	margin-left: 0px;
	vertical-align: middle;
}

.formPink td.extJS {
	font-size: 90%;
	padding: 0px;
	margin-left: 0px;
	vertical-align: middle;
}


.formPink tr.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #CC3333;
}



.formPrint {
	border: 1px solid #999;
	background-color:#f2f2f2; 
}
.formPrint input, .formGray textarea, .formGray select {
	border: 1px inset #CCC;
	background-color:#f7f7f7;
	padding: 2px;
	margin: 2px;
}

.formPrint input.none {
	border: none;
	background-color: transparent;
}

.formPrint input.requiredField, .formPrint span.requiredField {
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

.formPrint textarea.requiredField, .formPrint select.requiredField {
	/*border: 1px solid #CC3333;*/
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

#inside .formPrint h1 {
	text-align: center;
	font-size: 100%;
	color: #06357A;
	background-color: #d1d1d1;
	border: 1px solid #BBB;
	padding: 1px 0 1px 0;
	margin: 0 0 2px 0;
}
.formPrint h2 {
	color: #06357A;
	border-bottom: 1px solid #BBB;
	background-color: #EAEAEA;
	margin: 2px 0 0 0;
	padding: 1px;
	font-size: 75%;
}
.formPrint td {
	font-size: 75%;
	padding: 0px 3px 0px 3px;
}
.formPrint div.sectionHelp {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 2px;
	padding: 1px;
	font-size: 70%;
	color: #666;
}

.formPrint tr.extJS {
	padding-left: 0px;
	font-size: 100%;
	margin-left: 0px;
	vertical-align: middle;
}

.formPrint td.extJS {
	font-size: 90%;
	padding: 0px;
	margin-left: 0px;
	vertical-align: middle;
}


.formPrint tr.error {
	padding: 2px;
	background-color: #FFCCCC;
	color: #CC3333;
}



/* the sample style for White forms -- */

.formWhite {
	border: 1px solid #999;
	background-color:#fff; 
}
.formWhite input, .formWhite textarea, .formWhite select {
	border: 1px inset #CCC;
	background-color:#fff;
	padding: 2px;
	margin: 2px;
}

.formWhite input.none {
	border: none;
	background-color: transparent;
}

.formWhite input.requiredField, .formWhite span.requiredField {
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

.formWhite textarea.requiredField, .formWhite select.requiredField {
	/*border: 1px solid #CC3333;*/
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

#inside .formWhite h1 {
	text-align: center;
	font-size: 140%;
	color: #222;
	background-color: #f2f2f2;
	border: 1px solid #BBB;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}
.formWhite h2 {
	color: #333;
	border-bottom: 1px solid #BBB;
	background-color: #f4f4f4;
	margin: 10px 0 0 0;
	padding: 2px;
	font-size: 110%;
}
.formWhite td {
	font-size: 90%;
		padding: 0px 4px 0px 4px;
}
.formWhite div.sectionHelp {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 85%;
	color: #666;
}

.formWhite tr.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #CC3333;
}

/* the sample style for Purple forms -- */

.formPurple {
	border: 1px solid #999;
	background-color:#f5e6ff; 
}
.formPurple input, .formPurple textarea, .formPurple select {
	border: 1px inset #CCC;
	background-color:#fff;
	padding: 2px;
	margin: 2px;
}

.formPurple input.none {
	border: none;
	background-color: transparent;
}


.formPurple input.requiredField, .formPurple span.requiredField {
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

.formPurple textarea.requiredField, .formPurple select.requiredField {
	/*border: 1px solid #CC3333;*/
    background-color:#FFCCCC;
	background:#FFCCCC;
	padding: 2px;
	margin: 2px;
}

#inside .formPurple h1 {
	text-align: center;
	font-size: 140%;
	color: #222;
	background-color: #e1b3ff;
	border: 1px solid #BBB;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}
.formPurple h2 {
	color: #333;
	border-bottom: 1px solid #BBB;
	background-color: #e5bfff;
	margin: 10px 0 0 0;
	padding: 2px;
	font-size: 110%;
}
.formPurple td {
	font-size: 85%;
	padding: 0px 4px 0px 4px;
}
.formPurple div.sectionHelp {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 85%;
	color: #666;
}

.formPurple tr.error {
	padding: 5px;
	background-color: #FFCCCC;
	color: #CC3333;
}


/* --------------------------------------------------------------------------  Grid */
/* This is used for tables with a grid of information */

#ReportGrid {
	border: 1px #BBB solid;
	border-collapse: collapse;
	margin: 2px;
	padding: 0;
	font-size: 80%;
	width: 720px;
	overflow: scroll;
}

#ReportGrid tr.toprow {
	background: #DDD /*url(imagesCSS/Grid_toprow-bk.png) repeat-x left top*/;
}
#ReportGrid tr.bottomrow {
	background: #DDD /*url(imagesCSS/Grid_toprow-bk.png) repeat-x left top*/;
	border-top: 1px #BBB solid;
	border-bottom: 1px #BBB solid;
}
#ReportGrid td {
	border-left: 1px #BBB solid;
	padding: 4px;
}
#ReportGrid tr.even {
	background: #edf3fe;
	border-top: 1px #BBB solid;
}
#ReportGrid tr.odd {
	background: #FFF;
	border-top: 1px #BBB solid;
}
#ReportGrid a.inactive {
	color: #666;
}
#ReportGrid a.inactive:hover {
	color: #333;
}


/* --------------------------------------------------------------------------  Grid */
/* This is used for tables with a grid of information */

#Grid {
	border: 1px #BBB solid;
	border-collapse: collapse;
	margin: 5px;
	padding: 0;
	font-size: 95%;
	width: 590px;
	overflow: scroll;
}
#Grid tr.toprow {
	background: #DDD /*url(imagesCSS/Grid_toprow-bk.png) repeat-x left top*/;
}
#Grid tr.bottomrow {
	background: #DDD /*url(imagesCSS/Grid_toprow-bk.png) repeat-x left top*/;
	border-top: 1px #BBB solid;
	border-bottom: 1px #BBB solid;
}

#Grid td.inactive {
	color: GrayText;
	font-size: 90%;
}

#Grid td {
	border-left: 1px #BBB solid;
	padding: 4px;
}
#Grid tr.even {
	background: #edf3fe;
	border-top: 1px #BBB solid;
}
#Grid tr.odd {
	background: #FFF;
	border-top: 1px #BBB solid;
}
#Grid a.inactive {
	color: #666;
}
#Grid a.inactive:hover {
	color: #333;
}

/* --------------------------------------------------------------------------  Layout */
/* This is used for tables with a Layout of information */

#Layout {
	
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin: 5px;
	padding: 0;
	font-size: 90%;
	display: inline-table;
}
#Layout tr.toprow {
	background: #DDD; /*url(imagesCSS/Layout_toprow-bk.png) repeat-x left top*/;
}
#Layout td {
	
	padding: 4px;
}
#Layout tr.even {
	background: #edf3fe;
	
}
#Layout tr.odd {
	background: #FFF;
	
}

#Layout td.inactive {
	color: GrayText;
	font-size: 90%;
}


/*#Layout a {
	color: #666;
}
#Layout a:hover {
	color: #333;
}*/

/* Stuff Added by Mike */
/* --------------------------------------------------------------------------  Left Login - Module Style */


/* --------------------------------------------------------------------------  Layout */
/* This is used for tables with a Layout of information */

#subLayout {
	
	border-collapse: collapse;
	/*margin: 5px;*/
	position:relative;left:5px;
	padding: 0;
	font-size: 11px;
	width: 100%;
}
#subLayout tr.toprow {
	background: #DDD /*url(imagesCSS/Layout_toprow-bk.png) repeat-x left top*/;
}
#subLayout td {
	
	padding: 2px;
}
#subLayout tr.even {
	background: #edf3fe;
	
}
#subLayout tr.odd {
	background: #FFF;
}

#subLayout td.inactive {
	color: GrayText;
	font-size: 90%;
}



/* --------------------------------------------------------------------------  Layout */
/* This is used for tables with a serach tables */

#Search {
	
	border-collapse: collapse;
	/*margin: 5px;*/
	position:relative;left:5px;
	padding: 0;
	font-size: 80%;
	width: 590px;
}
#Search tr.toprow {
	background: #DDD /*url(imagesCSS/Layout_toprow-bk.png) repeat-x left top*/;
	color: #FFF;
}
#Search td {
	
	padding: 4px;
}
#Search tr.even {
	background: #CCFFCC;
	
}
#Search tr.odd {
	background: #CCFFCC;;
	
}
/*#Layout a {
	color: #666;
}
#Layout a:hover {
	color: #333;
}*/






#module {
border: #d4d4d4 1px solid;
padding: 1px;
margin: 0 0 5px 3px;
background: #FFF;
color: #333;
width: 159px;
}

#module h2 {
	font-size: 14px;
	color: #1D4069;
	/*border-bottom: 1px solid #CCC;*/
	margin: 0px;
}

#module h3 {
background: url(imagesCSS/module_header-bk.gif) repeat-x left top;
padding: 2px;
margin: 0px;
font-size: 95%;
height: 20px;
}
#module div {
padding: 5px;
}
#module input {
margin: 0 0 5px 0;
padding: 2px;
border: 1px solid #d3d3d3;
background: #fff url(imagesCSS/tpl_input_bg.gif) no-repeat top left;
font: normal 11px Arial, Helvetica, sans-serif;
/*width: 145px;*/
color: #474038;
}
#module ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#module li {
margin: 0;
line-height: normal; 
}
#module a {
display: block; 
color: #000;
background-color: #FFFFFF;
border-bottom: #FFF 1px solid;
padding: 2px;
width: inherit;
height: 1%; /* <-- ie6 hack */
text-decoration: none;
}
#module a:hover {
background-color: #FFFFDE;
color: #111;
}

/* needed for manage and WEbReg */
.desc {font-size: 13px;  color: #000000; text-Align: justify;} 
.textbox {font-size: 12px;color: #000000; background-color: #ffffff;  border: thin solid #cccccc;}
.label {font-size: 9px;  margin: 5px; font-weight:normal; color: #000000; text-align: right; vertical-align: text-top;}


/* Needed for LearningPlan/Catalog.asp */
	TD.cal { font-family:arial; font-size: 8pt; }
	TD.calmonth { font-family:arial; font-size: 8pt; text-align: right;}
	TD.caltoday { font-family:arial; font-size: 8pt; text-align: right; color: white; background-color:#C0C0C0; border-width:1 px; border-color:#800000; }
	A.todaylink { font-family:arial; font-size: 8pt; height: 20px; color: black; }
	A.cal { text-decoration:none; color:#000000; }
	A.calthismonth { text-decoration:none; color:#000000; }
	A.calothermonth { text-decoration:none; color:#808080; }
	
.btn_Orange {
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px outset #bbb;
	background: #f68428 url(imagesCSS/orange_btn.gif) repeat-x center center;
}
.btn_OrangeSmall {
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px outset #bbb;
	background: #f68428 url(imagesCSS/orange_btn.gif) repeat-x center center;
}

.btn_blue {
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px outset #bbb;
	background: #9eb1cb url(imagesCSS/blue_btn.gif) repeat-x center center;
}

.btn_BlueSmall {
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px outset #bbb;
	background: #9eb1cb url(imagesCSS/blue_btn.gif) repeat-x center center;
}


.btn_yellow {
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px outset #bbb;
	background: yellow;
}

/*-- Calendar --*/
.cal td {font-family:verdana, arial; color: #333399; font-size:10px; text-decoration: none; }
.cal th {font-family:verdana, arial; color: #333399; font-size:11px; text-decoration: none;font-weight: bold;}
.cal A { font-family:verdana, arial; color: #333399; font-size:9px; text-decoration: none;}
.cal A:visited { font-family:verdana, arial; color: #333399; font-size:9px; text-decoration: none;}
.cal A:hover { font-family:verdana, arial; color: #333399; font-size:9px; text-decoration: underline; }  

.cal_header td {font-family:verdana, arial; color: #333399; font-size:11px; text-decoration: none;}
.cal_header th {font-family:verdana, arial; color: #333399; font-size:11px; text-decoration: none;font-weight: bold;}
.cal_header A { font-family:verdana, arial; color: #333399; font-size:11px; text-decoration: underline;}
.cal_header A:visited { font-family:verdana, arial; color: #333399; font-size:11px; text-decoration: underline;}
.cal_header A:hover { font-family:verdana, arial; color: red; font-size:11px; text-decoration: underline; }  	



input.sub{
	height:16px;
	width:115px;
	color:#050;
	font-family:verdana,sans-serif;
	font-size:9px;
	font-weight:bold;
	background-color:#fed;
    border:1px solid;
    border-top-color:#696;
    border-left-color:#696;
    border-right-color:#363;
    border-bottom-color:#363;
}
   
input.sel{
    height:16px;
	width:55px;
	color:#050;
	font-family:verdana,sans-serif;
	font-size:9px;
	font-weight:bold;
	background-color:#fed;
    border:1px solid;
    border-top-color:#696;
    border-left-color:#696;
    border-right-color:#363;
    border-bottom-color:#363;
}

/********************* general forms upgrade ***********************/

.input 
{
    clear: both; 
}

.input .label 
{
    float: left; 
    width:100px; 
    text-align: right;
}

.input .input_column 
{
    float: left;
    width: 400px;
    text-align: left;
}

.bhmenu
{
    text-align: center;
}

/* Kind of an experiment. Guard with .buttons for now. */

.buttons  a.btn_Orange,
.buttons  button.btn_Orange,
.buttons  input[type=submit].btn_Orange
{
    cursor: pointer;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    line-height:15px; /* Safari */    

    padding: 2px 2px 3px 2px; /* Links */    
    padding: 2px 2px 2px 2px; /* Firefox */
    
    border: 1px solid #5d5d5d;
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
      
    color: #000000;
}

.buttons  a:hover 
{
    color: #000000;
    text-decoration: none;
}

.fdInputSearch 
{
-webkit-appearance: none;
-webkit-border-image: none;
-webkit-box-shadow: rgb(223, 223, 223) 1px 1px 2px 0px inset;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-writing-mode: horizontal-tb;
background-color: rgb(255, 255, 255);
border-bottom-color: rgb(199, 199, 199);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(199, 199, 199);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(199, 199, 199);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(199, 199, 199);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgb(223, 223, 223) 1px 1px 2px 0px inset;
color: rgb(116, 116, 114);
cursor: auto;
display: inline-block;
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 18px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
outline-color: rgb(116, 116, 114);
outline-style: none;
outline-width: 0px;
padding-bottom: 5px;
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
text-align: start;
text-indent: 0px;
text-shadow: none;
text-transform: none;
vertical-align: middle;
width: 425px;
word-spacing: 0px;
writing-mode: lr-tb;

}

.fdInputSearch 
{
-webkit-appearance: none;
-webkit-border-image: none;
-webkit-box-shadow: rgb(223, 223, 223) 1px 1px 2px 0px inset;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-writing-mode: horizontal-tb;
background-color: rgb(255, 255, 255);
border-bottom-color: rgb(199, 199, 199);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(199, 199, 199);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(199, 199, 199);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(199, 199, 199);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgb(223, 223, 223) 1px 1px 2px 0px inset;
color: rgb(116, 116, 114);
cursor: auto;
display: inline-block;
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 18px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
outline-color: rgb(116, 116, 114);
outline-style: none;
outline-width: 0px;
padding-bottom: 5px;
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
text-align: start;
text-indent: 0px;
text-shadow: none;
text-transform: none;
vertical-align: middle;
width: 425px;
word-spacing: 0px;
writing-mode: lr-tb;

}

.ux-lovcombo-icon {
    vertical-align: -1px;
    width: 13px;
    height: 13px;
    background: no-repeat;
    background-image: url('../../images/checkbox.gif');
    overflow: hidden;
    padding: 0;
    border: 0;
    float:left;
}

.ext-Grid {
	margin: 0 !important;
	padding: 0;
}

.x4-boundlist-selected .ux-lovcombo-icon {
    background-position: 0 -13px;
}

/* IE patch */
.ext-ie .ux-lovcombo-item-text {
    position:absolute;
    left:16px;
    top:3px;
}
.ext-ie .ux-lovcombo-icon {
    float:none;
}
.ext-ie .x-combo-list-item {
    position:relative;
}

.x-grid3-summary-row {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    color:#333;
    background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}

.icon {
 height: 16px;
 width: 16px;
}

.icon-add {
 background-image : url(../../icons/add.png);
}

.icon-sync {
 background-image : url(../../icons/arrow_refresh.png);
}