/* 
	Copyright notice: 
	Images and icons used on this site were aquired under free non-commercial and/or Creative Commons licenses from:
	 - http://www.stockvault.net 
	 - http://www.iconfinder.net 
*/


/* let's get all our browsers on the same level playing field, force them all to render block-level elements with 0 padding and margin */
@import url(reset.css);

html /* forces browser to render a gutter for a scrollbar even if page does not need it (prevents "shifting" effect when swithing from pages with little content to pages with lots of content) */
{
	height: 100%;
	overflow-y: scroll;
}

body
{
	margin: 0;
	background: #e9ffdd url(/Support/maintenance/BG-body.jpg) fixed;
	font: normal 75%/1.5em arial, verdana, helvetica, sans-serif;
	text-align:center;
}

h1
{
	padding: 0;
	margin: 15px 0;
	font: bold 1.8em "Gill Sans MT", "Gill Sans", sans-serif;
	color: #995210;
	border-bottom: 1px #e6e6e6 solid;
}

h2
{
	padding: 0;
	margin: 15px 0;
	font: normal 1.5em "Gill Sans MT", "Gill Sans", sans-serif;
	color: #555;
}

h3
{
	padding: 0;
	margin: 15px 0;
	font: normal 1.2em "Gill Sans MT", "Gill Sans", sans-serif;
	color: #555;
}

h4
{
	display: inline;
	padding: 0 7px 0 0;
	font: normal 1.4em "Gill Sans MT", "Gill Sans", sans-serif;
	color: #F30;
	background: transparent;
}

p
{
	padding: 0;
	margin: 10px 0;
}

fieldset
{
	border: 1px #ccc solid;
	padding: 5px 10px;
	margin: 10px 0;
	background: #ffe;
}

fieldset img
{
	vertical-align: top;
}

legend
{
	padding: 0 10px;
	margin: 0;
	font-weight: bold;
}

label 
{
	zoom:1
}

label.labeltext 
/* makes text input fields all line up vertically by creating a static width for all text in the label tag
E.g of use <label class="labeltext" for="txt">Some field:</label> <input type="text" name="txt" id="txt" size="20" maxlength="50" />
*/
{
	display: block;
	width: 500px; /* change this width to match the longest text in your label tags */
	float: left;
	text-align: left; /* align label text to suit your visual preference */
	margin: 0;
	padding: 1px 5px 1px 0;
	background: transparent;
}

select
{
	padding: 1px 0;
}

a
{
	color: #00f;
}

a:visited
{
	color: #00f;
}

a:hover
{
	color: #f00;
}

a:focus
{
	border: 1px #999 dotted;
}



/* User options section (language choice/login info at the very top of each page) */

#user_options
{
	width: 950px;
	margin: 0 auto;
	padding: 5px 0;
	background: transparent url(/Support/maintenance/BG-user.jpg) repeat-x;
	overflow: hidden;
}

#user_options a
{
	color: #333;
	text-decoration: underline;
}

#user_options a:hover
{
	color: #f00;
}

#user_options p
{
	padding: 5px 0;
	margin: 0;
	color: #333;
	background: transparent;
}

#user_options p.lang
{
	float: left;
	text-align: left;
	padding-left: 25px;
	margin: 0 0 0 10px;
	background: transparent url(/Support/maintenance/quote.png) 0 50% no-repeat;
}

#user_options p.login
{
	float: right;
	text-align: right;
	padding-right: 25px;
	margin: 0 10px 0 0;
	background: transparent url(/Support/maintenance/lock.png) 100% 50% no-repeat;
}

/* End User options section */


/* Container for all page elements */

#container
{
	position: relative;
	width: 950px;
	background: #fff;
	margin: 10px auto 0 auto;
	padding: 0;
	border: 1px #fff solid;
	text-align:left;
}

/**** TOP SECTION includes: logo, navigation tabs ***/

#top /*container for all top sectionelements */
{
	position: relative;
	width: 950px;
	padding: 0;
	margin: 0;
	background: transparent;
}

#logo
{
	position: relative;
	width: 950px;
	height: 125px;
	padding: 0;
	margin: 0;
	background: #ffc url(/Support/maintenance/logo2.jpg) no-repeat;
}

#logo a:focus
{
	border: 0; /*keep logo img from shifting when clicked */
}

/********  Top nav links *****/

#top_menu_wrapper /*container for top menu tabs */
{
	position: relative;
	width: 950px;
	height: 30px;
	padding: 0;
	margin: 0 auto;
	background: #cff url(/Support/maintenance/BG-top-menu.jpg) 0% 0% no-repeat; 
}

#top_menu
{
	width: 945px; /*total width of all top menu links (130px x 7) */
	margin: 0 auto;
	padding: 0;
}

#top_menu ul
{
	margin: 0;
	padding: 0;
}

#top_menu li
{
	width: 135px; /* set to same width as each top menu link */
	float: left;
	padding-left: 0px;
	margin: 0;
	text-align: center;
}

#top_menu li a 
{
	display: block; 
	width: 135px; /* width of each top menu link */
	color: #fff;
	text-decoration: none;
	background: transparent url(/Support/maintenance/top-menu-a.png) 0 0 no-repeat;
	padding: 8px 0px 7px 0px;
	margin:0;
	text-align: center;
	font: bold 0.9em arial, sans-serif;
}

#top_menu li a:hover
{
	color: #333;
	background: transparent url(/Support/maintenance/top-menu-a-hover.png) 0 0 no-repeat;
}

/* used for displaying the proper tab in the top menu link for a specific page
E.g. of use on home page (index.htm):
set: <body id="home">
then in the top menu section set: <li><a class="home_on" href="/">Home</a></li>
this will then change the background image for the anchor tag of class ".home_on" tab for the page whose body tag is ID "#home"
 */
#home #top_menu a.home_on,
#options #top_menu a.options_on,
#trial #top_menu a.trial_on,
#apply #top_menu a.apply_on,
#er #top_menu a.er_on,
#coc #top_menu a.coc_on,
#help #top_menu a.help_on
{
	color: #f00;
	background: transparent url(/Support/maintenance/top-menu-a-selected.png) 0 0 no-repeat;
}
/********  END Top nav elements *****/


/*** END TOP SECTION ***/



/** CONTENT AREA ***/

#main /*container div for left nav (optional) and content */
{
	position: relative;
	width: 950px;
	padding: 0;
	margin: 0;
	background: #fff;
	overflow: hidden; /*keep floated child blocks from breaking out of this container */
}

#nav_wrapper /*wrapper for nav section */
{
	width: 200px;
	float: left;
	margin: 0 0 0 5px;
	padding: 25px 0 40px 0;
	background: transparent url(/Support/maintenance/BG-nav-wrapper.jpg) 50% 100% no-repeat;
}

#nav
{
	width: 200px;
	padding: 0;
	margin: 0 auto;
	background: transparent url(/Support/maintenance/BG-nav.jpg) 50% repeat-y;
}

#nav ul
{
	padding: 70px 0 0 0;
	background: transparent url(/Support/maintenance/BG-nav-ul.jpg) 50% 0 no-repeat;
}
	

#nav li
{

}

#nav li a
{
	display: block;
	width: 155px;
	padding: 4px 0 4px 20px;
	margin: 0 0 0 10px;
	text-decoration: none;
	font-size: .95em;
	color: #00f;
	background: transparent url(/Support/maintenance/nav-a2.gif) 0 50% no-repeat;
	border-bottom: 1px #e6e6e6 solid;
	border-top: 1px #fff solid;
}


#nav li a:hover 
{
	color: #f00;
	background: #ffc url(/Support/maintenance/nav-a2-hover.gif) 0 50% no-repeat;
}

#nav li img
{
	padding-left:15px;
	vertical-align:middle
}


#content_with_nav /*content that includes a left nav section */
{
	position: relative;
	width: 690px;
	float: left;
	padding: 20px 0;
	margin: 0 0 0 30px;
	background: transparent;
	display: inline;
}

#content_no_nav /*content that does not include a left nav section */
{
	position: relative;
	width: 880px;
	padding: 20px 30px;
	margin: 0 auto;
	background: transparent;
}

#content_with_nav ul li, #content_no_nav ul li
{
	margin-left: 25px;
	list-style-type: disc;
}

img.content_img
{
	border: 2px #ccc solid;
	float: right;
	margin: 10px 0 10px 10px;
}

/*** END CONTENT AREA ***/


/*** FOOTER SECTION ***/

#footer
{
	position: relative;
	padding: 0;
	margin: 0;
	background: #e0e5de url(/Support/maintenance/BG-footer..jpg) repeat-x; /*#81caf1*/
	border-top: 1px #ccc solid;
}

#footer_info_wrapper
{
	width: 855px;
	margin: 0 auto;
	padding: 10px 0;
	background: transparent;
	overflow: hidden;
}

#footer_info_wrapper h2
{
	width: 855px;
	text-align: center;
	margin: 0 auto;
	padding: 8px 0;
	background: transparent;
	color: #333;
	font: bold 1.2em arial, sans-serif;
}

#footer_info_wrapper a
{
	text-decoration: underline;
	color: #000;
}

#footer_info_wrapper a:hover
{
	color: #f00;
}

#footer_info_box1,
#footer_info_box2,
#footer_info_box3,
#footer_info_box4,
#footer_info_box5
{
	width: 150px;
	height: 200px;
	float: left;
	padding: 0 10px;
	margin: 1px 1px 0 0;
	font-size: .9em;
	background: transparent;
}

#footer_info_box1 h3,
#footer_info_box2 h3,
#footer_info_box3 h3,
#footer_info_box4 h3,
#footer_info_box5 h3
{
	color: #fff;
	padding: 5px 0;
	margin: 10px 0;
	/* color: #fff; */
	background: #829782;
	text-align: center;
	font: bold 1.1em arial, sans-serif;
}

#footer_end
{
	clear: both;
	width: 950px;
	border-top: 0px #25aaf1 solid;
	background: transparent;
}

#footer_end p
{
	text-align: center;
	padding: 10px 0;
	margin: 0;
	font-size: .9em;
	color: #555;
}

/*** END FOOTER SECTION ***/


#progress_tab
{
	margin: 0;
	padding: 10px 0 4px 30px;
	background: transparent url(/Support/maintenance/progress.gif) 0% 0% no-repeat;
	font: normal 8pt arial, helvetica, sans-serif;
}

#progress_bar
{
	width: 700px;
	height: 17px;
	border: 1px #ccc solid;
	background: #ccc url(/Support/maintenance/BG-progress.gif);
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#progress_bar .indicator
{
	background: #0f0;
	border-right: 1px #0c0 solid;
	font-size: 8pt;
	text-align: center;
}

/*** END PROGRESS BAR SECTION ***/

#app_footer
{
	position: relative;
	padding-top: 7px;
	margin: 0;
	background: #e0e5de;
	border-top: 1px #ccc solid;
}

#app_footer_info_box
{
	height: 30px;
	margin: 0 1px 0 0;
	font-size: .9em;
}

#app_footer_info_box p
{
	text-align: center;
	padding: 2px 0;
	margin: 0;
	font-size: 1.1em;
}
                    
#app_footer_info_box a
{
	text-decoration: underline;
	color: #000;
	padding: 0px 10px;
}

.required {
	color:red;
	margin-left:2px;
	font-weight: bold 12pt;
}

.small {
	font: normal 8pt verdana, arial, helvetica, sans-serif;
	padding-left:5px;
}

label.lbltext_535 
{
	display: block;
	width: 535px; /* change this width to match the longest text in your label tags */
	float: left;
	text-align: left; /* align label text to suit your visual preference */
	margin: 0;
	padding: 1px 5px 1px 0;
	background: transparent;
}

label.lbltext_500 
{
	display: block;
	width: 500px; /* change this width to match the longest text in your label tags */
	float: left;
	text-align: left; /* align label text to suit your visual preference */
	margin: 0;
	padding: 1px 5px 1px 0;
	background: transparent;
}

label.lbltext_480 
{
	display: block;
	width: 480px; /* change this width to match the longest text in your label tags */
	float: left;
	text-align: left; /* align label text to suit your visual preference */
	margin: 0;
	padding: 1px 5px 1px 0px;
	background: transparent;
}

label.lbltext_425 
{
	display: block;
	width: 425px; /* change this width to match the longest text in your label tags */
	float: left;
	text-align: left; /* align label text to suit your visual preference */
	font-weight: bold;
	margin: 0;
	padding: 1px 5px 1px 18px;
	background: transparent;
}

label.lbltext_440 {
	display: block;
	width:440px;
	float: left;
	text-align: left; /* align label text to suit your visual preference */
	margin: 0;
	padding: 1px 5px 1px 0px;
	background: transparent;
	/* text-align: left; */
	font: normal 1.4em georgia, "Times New Roman", times, serif;
	color: #F30; 
}

table 
{
	background-color: #fbfbfb; 
	border-collapse:collapse;
	width:100%;
}

td 
{
	padding: 5px 5px 5px 0px;
	border: 0;
	border-bottom: #E6F0FF 0px solid;
	text-align: left
}

.h_table 
{
	height: 20px;
	width: 144px;
	vertical-align: top;
}

.h_table2 
{
	vertical-align: top;
	width: 590px;
	font-size: 12px;
	height: 20px;
}

.p_header 
{
	color: #996600;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}

.field_text 
{
	color: #006600;
	font-weight: bold;
	font-size: 16px;
}

.faq_text 
{
	color: #006600;
	font-size: 12px;
	font-weight: bold;
}

.q_header {
	color: #F30;
	font-size: 24px;
}

.hr_help_bar 
{
	color: #CCFFCC;
	border: #CCFFCC;
	border-width: 2px;
}

.nav_table 
{
	height: 20px;
	width: 100px;
	vertical-align: top;
}

.nav_table2 
{
	height: 20px;
	width: 150px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
}

.nav_table3 
{
	height: 20px;
	width: 500px;
	vertical-align: top;
	font-size: 12px;
}

.help_table 
{
	height: 20px;
	vertical-align: top;
	font-size: 12px;
}

.explore_intro 
{
	font-size: 16px;
	font-weight: bold;
}
.explore_section_header 
{
	color: #006600;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
}
.explore_table 
{
    padding-left: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-color: #5A5A5A;
    width: 312px;
    vertical-align: top;
    background-color: #FFFFFF;
    border: 1;
}

.resource_header 
{
	font-size: 16px;
	font-weight: bold;
	color: #CCFFCC;
	text-align: center;
}

.value 
{
	padding-left:12px
}

.dollar 
{
	padding-right:5px;
	font-weight: bold;
}

th 
{
	border-left-color: #B2CCFF;
	border-right-color: #B2CCFF;
	border-top-color: #73A0E6;
	border-bottom-color: #73A0E6;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px;
	font-weight: normal;
 	text-align: center;
 	vertical-align:middle;
 	background:url(/Support/maintenance/sprite.png) repeat-x 0px -1305px;
}

#summary 
{

	font: inherit;
}

table#summary 
{ 
	margin: 15px 0px; 
	border-collapse: collapse; 
	width: 100%; 
}

table#summary td 
{ 
	border: 1px solid #eee; 
	padding: 5px 3px 3px 5px; 
	text-align: left;
	vertical-align:middle; 
}

table#summary th 
{
	border: 1px solid #eee;
	padding: 5px 2px 5px 2px; 
	font-weight: bold;
 	text-align: center;
 	vertical-align:middle;
 	color: #ffffff;
 	margin: 0;
 	background: #cb842e url(../jquery_ui_1.8.7/css/humanity/images/ui-bg_glass_25_cb842e_1x400.png) 50% 50% repeat-x;
}

#cbosummary 
{

	font: inherit;
}

table#cbosummary 
{ 
	margin: 15px 0px; 
	border-collapse: collapse; 
	width: 100%; 
}

table#cbosummary td 
{ 
	border: 1px solid #eee; 
	padding: 5px 3px 3px 5px; 
	text-align: left;
	vertical-align:middle; 
}

table#cbosummary th 
{
	border: 1px solid #eee;
	padding: 5px 15px 5px 2px; 
	font-weight: bold;
 	text-align: center;
 	vertical-align:middle;
 	color: #ffffff;
 	margin: 0;
 	background: #cb842e url(../jquery_ui_1.8.7/css/humanity/images/ui-bg_glass_25_cb842e_1x400.png) 50% 50% repeat-x;
}

hr 
{
	border-width: 1px; 
	border-style: solid;
	border-color: #829782
}

.yui-button#pushbutton button 
{
    background: url(/Support/maintenance/add.gif) no-repeat 5px 4px;
    padding-left:25px;    
    
}

.yui-button#pushbutton2 button 
{
    background: url(/Support/maintenance/help.png) no-repeat 4px 4px;
    padding-left:25px;    
    
}

.yui-button#pushbutton3 button 
{
    background: url(/Support/maintenance/save.png) no-repeat 5px 3px;
    padding-left:25px;        
}

.yui-button#pushbutton4 button 
{
    background: url(/Support/maintenance/print.png) no-repeat 5px 3px;
    padding-left:25px;        
}

.withborder 
{
	border:1px solid black;
	padding:10px 10px 10px 15px
}

.newwindow 
{
      display: block;
      width: 150px; /* change this width to match the longest text in your label tags */
      float: left;
      text-align: left; /* align label text to suit your visual preference */
      margin: 0;
      padding: 1px 5px 1px 0;
      background: transparent;
}

#help_link 
{
	color: #003D99;
	font-size: 110%;
	padding: 5px 5px 5px 25px;
	float: right;
	text-align: right;		
	background: url(/Support/maintenance/help.png) no-repeat 5px 7px;
}

#tracking_id 
{
	text-align:right;
	color:#FF0000;
	font: bold 1.3em verdana,arial,sans-serif,helvetica;
}

#submit_button 
{
	margin-top: 30px;
	padding: 0;
	background: transparent;
	overflow: hidden;
}

#submit_button p.back 
{
	float: left;
	text-align: left;
}

#submit_button p.next 
{
	float: right;
	text-align: right;
}

.form-error-field 
{
    display: inline-block;
	border: 1px solid #cd0a0a; 
	background: #fef1ec url(/Support/maintenance/error.png) no-repeat 5px 5px;
	color: #cd0a0a;
	text-align:left;
	padding: 4px 4px 4px 25px;	
}

.input-text-error 
{
	background: #ffff66;
}

.wordwrap 
{
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	white-space: normal; /* Firefox */
}

.rowspan 
{
	border-bottom: 1px black solid;
	padding:0px;
	text-align:center;
	vertical-align:middle;
}

#hdr
{
	display: inline;
	padding: 0 7px 0 0;
	font: normal 1.4em "Gill Sans MT", "Gill Sans", sans-serif;
	color: #995210;
	background: transparent;
} 

.label-error 
{

	color: red;
}

#cbolinks 
{
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	float: left;
	width: 175px;
	text-align: justify;
}
	
#cbolinks ul 
{
	padding: 0px 0px;
}
	
#cbolinks li 
{
	list-style:none;	
}

#cbolinks li a 
{
	display: block;
	width: 200px;
	padding: 5px 0 5px 20px;
	text-decoration: none;
	color: #00f;
	background: transparent url(/Support/maintenance/nav-a2.gif) 0 50% no-repeat;
	border: 1px #e6e6e6 solid;
}

#cbolinksheader
{
	font: normal 1.2em arial, verdana, helvetica, sans-serif;
	padding: 5px 0 5px 20px;
	width: 202px;
	background: #cb842e url(../jquery_ui_1.8.7/css/humanity/images/ui-bg_glass_25_cb842e_1x400.png) 50% 50% repeat-x; 
	color: #fff; 
}

.t_header
{
	text-align:left;
	padding-left:10px; 
	font: bold 125% arial, verdana, helvetica, sans-serif;
}

#cbolinks a:hover 
{
	color: #f00;
	background: #ffc url(/Support/maintenance/nav-a2-hover.gif) 0 50% no-repeat;
}
/* added for test 
*/

table#cbosummary th.header{
	background-color: #cb842e;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url("default_files/bg.gif")
}

table#cbosummary th.headerSortUp{
	background-color: #cb842e;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url("default_files/asc.gif")
}

table#cbosummary th.headerSortDown{
	background-color: #cb842e;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url("/Support/maintenance/default_files/desc.gif")
}