/*
 * 
 *
 * GLOBAL */
* {
	margin:0;
	padding:0;	
	border:none;
}

body {
	background:#1C3C7A url(/img/bk2.png) center top;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.4em;
	width:100%;
}

body #body {
	background:#fff;
}

h1 {
	font-size:1.7em;
	font-weight:normal;
	line-height:1.5em;
	padding:3px 0;
	margin:15px 0 15px;
	border-bottom:1px dotted #fff;
}

h2 {
	font-size:1.5em;
	font-weight:normal;
	font-style:italic;
	border-bottom:1px dotted #fff;
	margin:5px 0 15px;
	padding:3px 0;
	color:#ff0;
}

h3 {
	font-size:1.3em;
	font-weight:normal;
	font-style:italic;
	border-bottom:1px dotted #fff;
	padding:3px 0;
	margin:5px 0 15px;
	color:#ff0;
}

h3 small {
	text-align:right;
	float:right;
	font-size:.8em;
}

h4 {
	font-size:1.1em;
	font-weight:normal;
	font-style:italic;
	border-bottom:1px dotted #999;
	padding:3px 0;
	margin:5px 0 15px;
	color:#fff;
}

a {
	color:#fff;
}

a:hover {
	text-decoration:none;
}

p {
	margin:3px 10px 17px;
	line-height:1.6em;
}

b, strong {
	color:#fff;
}

.light {
	color:#ccc;
}


.inner {
	width:980px;
	margin:0 auto;
}

.clr {
	clear:both;
}

.css {
	display:none;
}

.line {
	border-bottom:1px solid #ff0;
	margin-bottom:7px;
	padding-top:7px;
}

.welcome {
	font-style:italic;
	font-size:1.2em;
	padding:5px 14px;
	text-align:center;
	position:relative;
	top:0;
	background: url('/img/50.png') top left repeat;
}

.footer .welcome {
	display:none;
}

.notice {
	background: url('/img/alert.png') top left no-repeat;
	border:1px solid #95A486;
	color:#fff;
	padding:12px 12px 12px 45px;
	margin:14px 0;
}

.alert, .nfo p  {
/*
	background: url('/img/alert.png') top left no-repeat;
	border:1px solid #B2CC7F;
	color:#fff;
	padding:12px 12px 12px 45px;
	margin:14px 0;
	*/
}

.error {
	background: url('/img/50_red.png') top left repeat;
	border:1px solid #F16048;
	color:#fff;
	padding:7px;
	margin:7px 0;
}

div.error {
	background: url('/img/error.png') top left no-repeat;
	border:1px solid #F16048;
	color:#fff;
	padding:12px 12px 12px 45px;
	margin:7px 0;
}

.js_error {
	background: url('/img/error.png') top left no-repeat;
	border:1px solid #F16048;
	color:#fff;
	padding:12px 12px 12px 45px;
	margin:7px 0 145px;
}

tr.error, h1.error, h3.error {
	background: url('/img/50_red.png') top left repeat;
	color:#fff;
}

tr.error a, h1.error a {
	color:#fff;
}

.notice b, .notice strong, .notice a {
	color:#ff0;
}

.alert b, .alert strong, .alert a {
	color:#fff;
}

.error b, .error strong, .error a {
	color:#fff;
	font-weight:bold;
}

div.error p, div.notice p  {
	margin:0 2px 0;
	padding:0;
}

.pad {
	padding:10px;
}


ul.format li.error {
	background:#FAEBE7;
	border:1px solid #F16048;
	color:#DF280A;
	padding:3px;
	margin:3px 0;
}

ul.format li.error span {
	color:#DF280A;
}

.title {
	background: url('/img/50.png') top left repeat;
	padding:5px;
	margin:4px 0 0;
	font-weight:bold;
}

.title_small {
	background: url('/img/50.png') top left repeat;
	padding:5px;
	margin:4px 0;
	font-size:.9em;
}


/*
 * 
 *
 * CONTENT */
.block {
	float:left;
	width:30%;
	margin:10px 1% 10px 1%;
	border:1px dotted #fff;
	padding:.3%;
	background: url('/img/25.png') top left repeat;
}

.block_2 {
	float:left;
	width:63%;
	margin:10px 1% 10px 1%;
	border:1px dotted #fff;
	padding:.3%;
	background: url('/img/25.png') top left repeat;
}

.block_3 {
	float:left;
	width:93%;
	margin:10px 1% 10px 1%;
	border:1px dotted #fff;
	padding:.5%;
	background: url('/img/25.png') top left repeat;
}

.block_half {
	float:left;
	width:46%;
	margin:10px 1% 10px 1%;
	border:1px dotted #fff;
	padding:.5%;
	background: url('/img/25.png') top left repeat;
}

.block_full {
	float:left;
	width:97%;
	margin:10px 1% 10px 1%;
	border:1px dotted #fff;
	padding:.5%;
	background: url('/img/25.png') top left repeat;
}

b.block_full {
	display:block;
	float:none;
	margin:10px 0 2px 0;
	border:none;
	border-bottom:1px dotted #fff;
	padding:2px;
	background: url('/img/25.png') top left repeat;
}

.block_block {
	margin:10px;
	border:1px dotted #fff;
	padding:5px;
	background: url('/img/25.png') top left repeat;
}


/*
 * 
 * 
 * TABLES */
table.format {
	width:100%;
}

table tr th {
	border-bottom:1px dotted #fff;
	padding:3px;
	margin:0;
	text-align:left;
	color:#ff0;
	background: url('/img/25.png') top left repeat;
}

table tr td {
	border-bottom:1px dotted #fff;
	padding:3px;
	margin:0;
}

table tr td.tright, table tr th.tright {
	text-align:right;
}

table tr.sub td {
	border:none;
	font-size:.9em;
	color:#ff0;
	font-style:italic;
}

table tr.legend {
	/*background:#369;*/
	font-weight:bold;
}

table tr.border td {
	border-top:1px dotted #fff;
	border-bottom:none;
}

table tr.border_bot td {
	border-bottom:1px dotted #fff;
}

/*
 * 
 * 
 * LISTS */
ul.menu {
	float:right;
	margin-top:119px;
}

ul.menu li {
	float:left;
	display:inline;
	margin:0 10px 20px 0;
	font-size:1.3em;
}

ul.list {
	
}

ul.list li {
	list-style:none;
	padding:3px 0;
}

ul.list li bullet {
	list-style:circle;
}


ul.list li b {
	color:#ff9;
}

ul.bullet {
	margin:0 0 15px 25px;
}

ul.bullet li ul.bullet {
	margin:0 0 0 30px;
}

ul.bullet li {
	list-style:circle;
	color:#ccc;
	margin:5px 0;
}

ul.format, ol.format {
	color:#ccc;	
	font-size:.9em;
	font-style:italic;
	padding:2px 0;
	margin:0 0 0 10px;
}

ul.format li {
	font-style:normal;
	list-style:none;
	border-bottom:1px dotted #fff;
	padding:2px;
	margin:2px;
}

ol.format li {
	font-style:normal;
	padding:2px;
	margin:2px 2px 2px 22px;
}

ul.format li ul li {
	font-style:normal;
	list-style:circle;
	border-bottom:none;
	padding:2px;
	margin:2px 0 2px 20px;
}

ul.format li span.tips {
	float:none;
}

ul.format li b {
	color:#ff6;
}

ul.format li.legend {
	background:#369;
	font-weight:bold;
}

ul.format li.sub {
	border-bottom:none;
	font-weight:bold;
}

ul.format li.highlight {
	color:#ff9;
}

ul.action {
	text-align:right;
	padding:5px;
	background: url('/img/25.png') top left repeat;
}

ul.action b {
	color:#fff;
}

ul.action li {
	display:inline;
}

ul.action li a {
	background: url('/img/25.png') top left repeat;
	padding:4px 7px;
}

.notice ul.format {
	color:#fff;
	font-size:.9em;
	font-style:italic;
	margin-top:20px;
}

.notice ul.format li {
	color:#fff;
	font-style:normal;
	list-style:circle;
	border-bottom:1px dotted #fff;
	padding:2px;
	margin:2px 2px 2px 25px;
}

ul.training li {
	background: url('/img/training.png') top left no-repeat;
	padding:12px 12px 12px 45px;
}

ul.training li.next {
	background: url('/img/training_green.png') top left no-repeat;
	padding:12px 12px 12px 45px;
}

ul.training li.locked {
	background: url('/img/training_white.png') top left no-repeat;
	padding:12px 12px 12px 45px;
}

ul.training li span {
	color:#ff6;
}

ul.training li span i {
	color:#ffc;
}


ul.pdf {
	margin:0 20px 15px 20px;
}

ul.format li ul.pdf li, ul.pdf li {
	background: url('/img/icon_pdf.png') center left no-repeat;
	padding:3px 0 3px 24px;
	border-bottom:1px dotted #ff9;
	list-style:none;
	color:#ff9;
}

ul.pdf li a {
	color:#ff9;
}

ul.side_button li {
	list-style:none;
	text-align:center;
}

ul.side_button li a {
	background: url('/img/learn_button.png') center top no-repeat;
	padding:8px 0 20px;
	display:block;
	margin-bottom:5px;
}

ul.side_button li a:hover, ul.side_button li.active a {
	background: url('/img/learn_button.png') center -47px no-repeat;
	padding:8px 0 20px;
}

ul.side_button li.active {
	background: url('/img/learn_button.png') center -95px no-repeat;
	color:#ff0;
	text-decoration:none;
	padding:8px 0 20px;
	margin:2px 0 6px;
}


/*
 * 
 * 
 * FORMS */
form fieldset{
	border:none;
}

form input, form textarea {
	border:1px solid #fff;
	background:#eee;
	color:#333;
	padding:4px;
	width:97%;
	margin: 3px 0 10px;
}

form label.radio {
	padding:4px 0 0;
	width:auto;
	clear:both;
}

form label.radio input {
	border:1px solid #ccc;
	background:#fff;
	color:#333;
	padding:4px;
	width:16px;
	margin: 0;
}

form select {
	border:1px solid #ccc;
	background:#fff;
	color:#333;
	padding:3px;
	width:97%;
	margin: 3px 0 10px;
}

form label {
	float:left;
	width:47%;
	margin:3px 7px 3px;
}

form div.label {
	float:left;
	width:47%;
	margin:3px 7px 3px;
	border:1px solid #fff;
}

form li label {
	float:none;
	width:auto;
}

.button {
	background:#360;
	padding:7px 15px;
	color:#fff;
	width:auto;
	margin:7px;
	border:1px solid #fff;
}

.button2 {
	background:#369;
	padding:2px 7px;
	color:#eee;
	width:auto;
	font-size:.9em;
	margin:7px;
}

input.checkbox, input.radio, input.radioto {
	width:16px;
	margin:2px 7px 1px 0;
}
	
.delete {
	background:#900;
}


/*
 * 
 *
 * FOOTER */
.footer {
	margin-top:20px;
	padding-top:7px;
	border-top:1px solid #4F75BD;
	font-size:.8em;
}

.footer, .footer a {
	color:#8E9EBD;
}

.footer #nav li a {
	color:#8E9EBD;
	font-size:.7em;
}

/*
 * 
 * 
 * CHANGES */
.none {
	border:none;
	background:transparent;
	color:#fff;
}



/*
 * 
 * 
 * 
 * 
 * NAV */
#nav { /* all lists */
	padding: 7px 0 0px;
	margin: -20px 0 10px 0;
	list-style: none;
	line-height: 1;
	font-size:1.2em;
	float:left;
	clear:both;
	width:980px;
	text-align:right;
	border-bottom: 1px solid #ff0;
}

#nav li { /* all list items */
	padding:0px 2px;
	margin:0 ;
	float:right;
	list-style:none;
}

#nav li a {
	color:#ff3;
	padding:5px 7px 5px 7px;
	text-decoration:none;
	border:1px dotted #4F75BD;
	border-bottom:none;
	display:block;
	background: url('/img/25.png') top left repeat;
}

#nav li a:hover {
	color:#fff;
	background: url('/img/50.png') top left repeat;
}

#nav li.active a {
	color:#fff;
	background: url('/img/50.png') top left repeat;
}

#nav li ul { /* second-level lists */
	position: absolute;
	border:1px dotted #4F75BD ;
	width: 141px;
	padding:0;
	margin:0px 0 0 0px;
	text-align:left;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* second-level lists */
	padding:0;
	margin:0;
	border:none;
	float:left;
	width:100%;
}

#nav li ul li a, #nav li.active ul li a  { /* second-level lists */
	display:block;
	padding:8px 5px;
	border:none;
	font-size:.8em;
	color:#ff0;
	background: url('/img/85.png') top left repeat;
}

#nav li ul li a:hover,  #nav li.active ul li a:hover { /* second-level lists */
	background: url('/img/75_white.png') top left repeat;
	color:#036;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.footer #nav { /* all lists */
	padding: 10px 0 ;
	margin:0;
	list-style: none;
	line-height: 1.4;
	width:980px;
	text-align:left;
}

.footer #nav ul {
	display:none;
}

.footer #nav li a {
	border-bottom:1px dotted #4F75BD;
}

.sample b,.sample strong,.sample h1, .sample h2, .sample h3, .sample ul, .sample ul li {
	color:#000;
	}
	
.sample ul li {
	margin-left:25px;
}

.preview {
	color:#000;
	background:#fff;
	padding:10px;
}

.preview b,.preview strong, .preview ul, .preview ul li, .preview a {
	color:#000;
}

.preview ul li, .preview ol li {
	margin-left:25px;
}

.preview h1, .preview h2, .preview h3 {
	color:#000;
	margin:4px 0;
	padding:2px 0;
}

.tip {
	color: #111;
	width: 220px;
	z-index: 13000;
}
 
.tip-title{
	font-weight: normal;
	font-size:.85em;
	margin: 0;
	color: #fff;
	padding: 8px;
	border: 1px solid #ccc;
	background:  url('/img/tips_bk.png') left top;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 16px 8px;
	background: url('/img/tips_bk.png') bottom right;
}


.cal {
	background: #fff url(/img/cal.gif) bottom right no-repeat;
	cursor: pointer;
	cursor: hand;
}

.deny, .deny td {
	background: url('/img/25_red.png') top left repeat;
}

.top {
	float:right;
	color:#8E9EBD;
}

.toggler {
	cursor: pointer;
	cursor: hand;
	font-size:1.2em;
	text-decoration:underline;
}
/*
.nfo p {
	border-bottom:1px dotted #fff;
	padding:9px 0 9px 70px;
	color:#fff;
	background: url('/img/answer.png') 2px 11px no-repeat;
}
*/
tr.paid td {
	background: url('/img/25_green.png') left top repeat;
}

tr.paid td.tright {
	background: url('/img/paid.png') left top no-repeat;
}

#toggle {
	float:left;
}

#text {
	background: url('/img/icon_info.png') left top no-repeat;
	padding:2px 0 4px 22px;
	outline:none;
}

#instructions {
	background: url('/img/50_green.png') left top;
	border-top:1px dotted #fff;
	padding:20px;
	margin:0 0 10px;
}

#instructions p {
	clear:both;
	display:block;
	width:100%;
	padding:0;
	margin:0;
}

#kwick					{ width:927px;background:#fff url('/img/step_end.jpg') top right no-repeat;padding-right:10px; }
#kwick .kwicks 			{ height:222px; list-style-type:none; margin:0; padding:0; }
#kwick li 				{ float:left; padding-right:7px; background:url('/img/bk_mids.png') center top repeat;}
#kwick .kwick 			{ display:block; cursor:pointer; overflow:hidden; height:222px; width:300px; }
#kwick .kwick span 		{ display:none; }
#kwick .one 			{ background:url('/img/step1.jpg') top left no-repeat;cursor:auto; }
#kwick .two 			{ background:url('/img/step2.jpg') top left  no-repeat;cursor:auto; }
#kwick .three 			{ background:url('/img/step3.jpg') top left  no-repeat; width:285px; }


.datepicker_jqui {
	position: absolute;
	font-size: 10px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	color: #333;
	line-height: normal;
	width: 185px;
	height: 158px;
	padding: 4px;
	background: url(/js/frame.png) no-repeat;
}

/* header
********************************************************/
.datepicker_jqui .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.datepicker_jqui .header .title {
	text-align: center;
	margin: 3px 18px 0 18px;
	background:none;
	padding:0;
}

.datepicker_jqui .header .titleText {
	font-size: 11px;
	color: #fff;
}

.datepicker_jqui .header .previous,
.datepicker_jqui .header .next,
.datepicker_jqui .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 16px;
	height: 16px;
	top: 4px;
	background-image: url(/js/arrows.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_jqui .header .previous {
	left: 4px;
}
.datepicker_jqui .header .previous:hover {
	background-position: left bottom;
}
.datepicker_jqui .header .next {
	right: 4px;
	background-position: -17px top;
}
.datepicker_jqui .header .next:hover {
	background-position: -17px bottom;
}
.datepicker_jqui .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_jqui .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_jqui .body {
	position: relative;
	top: 6px;
	left: 2px;
	width: 185px;
	height: 131px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_jqui .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_jqui .time .hour,
.datepicker_jqui .time .separator,
.datepicker_jqui .time .minutes {
	background: #fff;
	border: 0px;
	width: 50px;
	font-size: 32px;
	color: #333;
	border: 1px solid #aaa;
	position: absolute;
	top: 18px;
	text-align: center;
	padding: 2px;
}

.datepicker_jqui .time .hour {
	left: 23px;
}
.datepicker_jqui .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 84px;
}

.datepicker_jqui .time .minutes {
	left: 103px;
}
.datepicker_jqui .time .ok {
	position: absolute;
	top: 80px;
	height: 32px;
	width: 136px;
	left: 23px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_jqui .days .day {
	float: left;
	overflow: hidden;
	width: 19px;
	padding-top: 1px;
	padding-right: 3px;
	height: 13px;
	border: 1px solid #aaa;
	text-align: right;
	margin: 0 2px 2px 0;
}

.datepicker_jqui .days .titles {
	margin-bottom: 1px;
}

.datepicker_jqui .days .titles .title {
	border: 1px solid transparent;
	text-align: center;
	height: 16px;
	padding:0;
	padding-right: 0px;
	width: 22px;
	padding-top: 2px;
	background:none;
}

.datepicker_jqui .days .day0 {
	margin-right: 0;
}

.datepicker_jqui .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_jqui .days .week .day {
	background: #fcfcfc;
	cursor: pointer;
	color: #1C94C4;
}
.datepicker_jqui .days .week .day:hover {
	background: #fdf5ce;
	color: #c77405;
	border: 1px solid #fbcb09;
}

.datepicker_jqui .days .week .otherMonth {
	background: #f2f2f2;
	color: #94B2BE;
	border: 1px solid #aaa;
}

.datepicker_jqui .days .week .selected {
	background: #fff;
	color: #c77405;
	border: 1px solid #fbcb09;
}

/* months-grid
********************************************************/
.datepicker_jqui .months .month {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 57px;
	cursor: pointer;
	background: #fcfcfc;
	padding-top: 7px;
	height: 22px;
	border: 1px solid #aaa;
	margin: 0 2px 2px 0;
}

.datepicker_jqui .months .month3,
.datepicker_jqui .months .month6,
.datepicker_jqui .months .month9,
.datepicker_jqui .months .month12 {
	margin-right: 0;
}

.datepicker_jqui .months .month10,
.datepicker_jqui .months .month11,
.datepicker_jqui .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_jqui .months .month:hover {
	background: #fdf5ce;
	color: #c77405;
	border: 1px solid #fbcb09;
}

.datepicker_jqui .months .selected {
	background: #fff;
	color: #c77405;
	border: 1px solid #fbcb09;
}

/* years-grid
********************************************************/
.datepicker_jqui .years .year {
	float: left;
	text-align: center;
	overflow: hidden;
	background: #fcfcfc;
	width: 32px;
	cursor: pointer;
	padding-top: 7px;
	height: 22px;
	border: 1px solid #aaa;
	margin: 0 2px 2px 0;
}

.datepicker_jqui .years .year4,
.datepicker_jqui .years .year9,
.datepicker_jqui .years .year14,
.datepicker_jqui .years .year19 {
	margin-right: 0;
	width: 34px;
}

.datepicker_jqui .years .year15,
.datepicker_jqui .years .year16,
.datepicker_jqui .years .year17,
.datepicker_jqui .years .year18,
.datepicker_jqui .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_jqui .years .year:hover {
	background: #fdf5ce;
	color: #c77405;
	border: 1px solid #fbcb09;
}

.datepicker_jqui .years .selected {
	background: #fff;
	color: #c77405;
	border: 1px solid #fbcb09;
}

/* global
********************************************************/
.datepicker_jqui .unavailable {
	cursor: default !important;
	background: #f0f0f0 !important;
	color: #ccc !important;
	border: 1px solid #ccc !important;
}

/* table on hover bk change */
.mo	{ 
	background: url('/img/25.png') top left repeat;  
}

.message_center {
	background: url('/img/message.png') top left repeat;
	padding:9px; 
	border:1px dotted #fff; 
}

.message_center_none {
	background: url('/img/message_none.png') top left repeat;
	padding:9px; 
	border:1px dotted #fff; 
}

.message {
	margin:3px;
	padding:5px 5px 2px;
	border-top:1px dotted #fff;
}

.ajax-loading {
	background: url('/img/updating.gif') top center no-repeat;
	height:70px;
}

.nopad {
	padding:0;
	margin-top:0;
}

.nomargin, div.nomargin {
	margin:0;
}

.contract {
	overflow-y:auto;
	height:400px;
	padding:10px 10px 10px 0;
	font-size:.9em;
	color:#555;
}

.contract h2 {
	color:#000;
}
