/* MAIN CSS */
body {
	font-family:Trebuchet MS;
	font-size:13px;
	color:#333333;
	background-color:#ffffff;
	background-image:url(../img/bg_body.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-attachment:fixed;
	height:100%;
	margin: 0;
}
html, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	overflow-x:hidden;
	overflow-y:auto;
}
td {
	font-family:Trebuchet MS;
	font-size:13px;
	color:#333333;
}
#wrapper {
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: left;
	vertical-align: middle;
	width: 900px;
}
.shadow_r {
	background:url(../img/bg_shadow_r.png) repeat-y;
	 _background: none;
	 _filter: progid:dximagetransform.microsoft.alphaimageloader(src="../img/bg_shadow_r.png", sizingmethod="scale");
}
.shadow_l {
	background:url(../img/bg_shadow_l.png) repeat-y;
	 _background: none;
	 _filter: progid:dximagetransform.microsoft.alphaimageloader(src="../img/bg_shadow_l.png", sizingmethod="scale");
}
#bottom_bar {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	z-index: 0;
	background-color: #E6E6E6;
	border-top: 1px #BBB solid;
}
img {
	border: 0px;
}

/* DIV */
.left {
	float:left;
}
.right {
	float:right;
}
.dash-left {
	border:#CCCCCC 1px solid;
	padding:10px 10px 20px 10px;
	width:400px;
	margin:0px 0px 15px 0px;
	float:left;
}
.dash-right {
	border:#CCCCCC 1px solid;
	padding:10px 10px 20px 10px;
	width:325px;
	margin:0px 0px 15px 0px;
	background-color:#F4F4F4;
	float:right;
}
.graph_m {
	height:250px;
}
.hidden {
	display:none;
}

/* DESIGN ELEMENTS */
.field_m {
	border:#CCCCCC 1px solid;
	padding:10px 10px 20px 10px;
	width:350px;
	background-color:#F4F4F4;
}
.field_l {
	border:#CCCCCC 1px solid;
	padding:10px 10px 10px 10px;
	width:780px;
	background-color:#F4F4F4;
}
.field_success {
	border: #B3FFB3 1px solid;
	padding:10px;
	color:#006633;
	font-weight:bold;
	background-color: #EAFFEA;
	cursor:pointer;
}
.field_error {
	border: #FFD7D7 1px solid;
	padding:10px;
	color: #990000;
	font-weight:bold;
	background-color: #FFE8E8;
	cursor:pointer;
}
.guide-table {
	border:#CCCCCC 1px solid;
	padding:10px;
	background-color:#F4F4F4;
}
.td_underline {
	border-bottom:#CCCCCC 2px solid;
	height:30px;
	font-weight:bold;
	font-size:14px;
	padding:0 0 0 5px;
}
.td_underline_bg {
	border-bottom:#CCCCCC 2px solid;
	height:30px;
	font-weight:bold;
	font-size:14px;
	background-color:#dee5ff;
	padding:0 0 0 5px;
}
.td_em {
	background-color:#dee5ff;
	height:30px;
	font-style:italic;
}
.ul_tick {
	list-style-image: url('../img/icon/tick.png');
	margin-left:20px;
}
.li_tick {
	padding-left:5px;
}
.ul_new {
	list-style-image: url('../img/icon/asterisk.png');
	margin-left:20px;
}


/* TEXT STYLES */
.header1 {
	font-family:Trebuchet MS;
	font-size:23px;
	color:#333333;
	font-weight:bold;
}
.header2 {
	font-family:Trebuchet MS;
	font-size:14px;
	color:#333333;
}
.header3 {
	font-family:Trebuchet MS;
	font-size:16px;
	color:#333333;
	font-weight:bold;
}
.header3_white {
	font-family:Trebuchet MS;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
}
.header4 {
	font-family:Trebuchet MS;
	font-size:14px;
	color:#333333;
	font-weight:bold;
}
.broken {
	color: #999999;
	text-decoration:line-through;
}
.white {
	font-family:Trebuchet MS;
	font-size:11px;
	color:#ffffff;
}
.grey {
	font-family:Trebuchet MS;
	font-size:10px;
	color: #666666;
	font-style:italic;
}
.inactive {
	text-decoration:line-through;
}

/* LINKS */
a:link,a:visited,a:hover,a:active {
	font-family:Trebuchet MS;
	font-size:13px;
	color:#333333;
	text-decoration:underline;
}
a.white:link,a.white:visited,a.white:hover,a.white:active {
	font-family:Trebuchet MS;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}
a.green:link,a.green:visited,a.green:hover,a.green:active {
	color:#006633;
	text-decoration: underline;
	border: none;
}
a.red:link,a.red:visited,a.red:hover,a.red:active {
	color:#990000;
	text-decoration: underline;
	border: none;
}
a.no_line:link,a.no_line:visited,a.no_line:hover,a.no_line:active {
	font-family:Trebuchet MS;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}
a.dot_line:link,a.dot_line:visited,a.dot_line:hover,a.dot_line:active {
	font-family:Trebuchet MS;
	font-size:13px;
	color:#333333;
	text-decoration:none;
	border-bottom:dashed 1px #666666;
}
a.dot_line_s:link,a.dot_line_s:visited,a.dot_line_s:hover,a.dot_line_s:active {
	font-family:Trebuchet MS;
	font-size:10px;
	color:#333333;
	text-decoration:none;
	border-bottom:dashed 1px #666666;
	font-weight:normal;
}
a.mouse_line_default:link,a.mouse_line_default:visited,a.mouse_line_default:active {
	text-decoration:none;
}
a.mouse_line_default:hover {
	text-decoration:underline;
}
a.mouse_line:link,a.mouse_line:visited,a.mouse_line:active {
	font-family:Trebuchet MS;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}
a.mouse_line:hover {
	font-family:Trebuchet MS;
	font-size:12px;
	color:#333333;
	text-decoration:underline;
}
a.soft_line:link,a.soft_line:visited,a.soft_line:active {
	font-family:Trebuchet MS;
	font-size:11px;
	color: #999999;
	text-decoration:none;
}
a.soft_line:hover {
	font-family:Trebuchet MS;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
}
a.header2:link,a.header2:visited,a.header2:active,a.header2:hover {
	font-family:Trebuchet MS;
	font-size:14px;
	color:#333333;
	text-decoration: underline;
}
a.header4:link,a.header4:visited,a.header4:active {
	font-family:Trebuchet MS;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
a.header4:hover {
	font-family:Trebuchet MS;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
}

/* FORM */
form {
	display:inline;
}
.select {
	width:177px;
}
.txt_1 {
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
	height:20px;
	width:180px;
}
.txt_grey {
	font-family:Trebuchet MS;
	font-size:16px;
	color: #666666;
	height:22px;
	width:350px;
}
.txt_grey_xs {
	font-family:Trebuchet MS;
	font-size:16px;
	color: #666666;
	height:22px;
	width:120px;
}
.txt_grey_s {
	font-family:Trebuchet MS;
	font-size:16px;
	color: #666666;
	height:22px;
	width:250px;
}
.area_grey {
	font-family:Trebuchet MS;
	font-size:16px;
	color: #666666;
	width:350px;
}
.sel_grey {
	font-family:Trebuchet MS;
	font-size:16px;
	color: #666666;
	height:30px;
	width:356px;
}
.sel_grey_xs {
	font-family:Trebuchet MS;
	font-size:16px;
	color: #666666;
	height:30px;
	width:150px;
}
.sel_grey_m {
	font-family:Trebuchet MS;
	font-size:16px;
	color: #666666;
	height:30px;
	width:256px;
}
.searchBox {
	font-family:Trebuchet MS;
	font-size:25px;
	color: #999999;
	font-weight:bold;
	height:40px;
	width:300px;
}
.searchBox_s {
	font-family:Trebuchet MS;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	height:18px;
	width:150px;
}
.button_l {
	font-family:Trebuchet MS;
	font-size:17px;
	color:#333333;
	height:40px;
	width:50px;
}
.button_s {
	font-family:Trebuchet MS;
	font-size:10px;
	color:#333333;
	height:24px;
	width:33px;
	padding:0px;
}

/* MENU */
ul#menu { 
	width: 100%; 
	height: 43px; 
	background: #FFF url("../img/menu-bg.gif") top left repeat-x; 
	font-size: 0.8em; 
	font-family: Trebuchet MS, Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
ul#menu li { 
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
}
ul#menu li a { 
	height: 43px; 
	color: #777; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 15px 0; 
}
ul#menu li a:hover { 
	color: #333; 
}
ul#menu li a.current{ 
	color: #FFF; 
	background: #FFF url("../img/current-bg.gif") top left repeat-x; 
	padding: 5px 15px 0; 
}

/* IMAGES */
.img-shadow {
	float:left;
  	background: url(../img/img_shadow.png) no-repeat bottom right !important;
  	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
}
.img-shadow img {
  	display:block;
  	position:static;
  	background-color: #fff;
  	border: 1px solid #a9a9a9;
  	margin: -6px 6px 6px -6px;
  	padding: 4px;
}
.greyborder {
	border:#CCC 1px solid;
}

/* SWF UPLOAD */
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

/* SORTABLE LIST CSS */
.move {
	cursor: move;
}