#loading {
	position: absolute;
	visibility: hidden;
	z-index:3000;
	text-align: center;
	background: none;
	width: 350px;
	height: 40px;
	color: #333;
	font-size: 14pt;
}

#loadingbox { 
	margin: 260px auto 0;
	border: 3px solid #153d74; 
	width: 200px; 
	height: 34px; 
	color: #fff;
	padding-top: 20px;
	font-size: 1.2em; 
	background: #4578a7; 
	font-weight: bold;
}


#dim {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgb(0, 0, 0);
	background-repeat: repeat;
	opacity: 0.2;
	-moz-opacity: 0.20;
	filter: alpha(opacity=20);
	z-index: 20;
	display: none;
}

#dialog-main {
	font-size: 11pt;
	font-weight: normal;
	line-height: 22px;
	z-index: 200000;
}

div.msg_err {
	color: red;
	font-weight: bold;
	padding:3px 0 3px 0;
	margin: 5px 0 20px 0;
	font-size: 11pt;
}

div.msg_ok {
	color: green;
	font-weight: bold;
	padding:3px 0 3px 0;
	margin: 5px 0 5px 0;
	font-size: 11pt;
}

.spacer20 {
	clear: both;
	height: 20px;
}

.label-success {
	color: green;
}

#basket {
	background: white url('images/help-icon.jpg') no-repeat;
	right: 0;
	position: fixed;
	bottom: 210px;
	width: 41px;
	height: 33px;
	border-top: 1px solid #0095da;
	border-bottom: 1px solid #0095da;
	border-left: 1px solid #0095da;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#basketbox {
	position: fixed;
	height: 170px;
	padding: 10px 10px 0 25px;
	line-height: 22px;
	right: -325px;
	bottom: 210px;
	width: 190px;
	background: #FFF;
	border-left: 1px solid #0095da;
	border-top: 1px solid #0095da;
	border-bottom: 1px solid #0095da;
	border-top-left-radius: 8px;
}

#basketbox a {
	display: block;
	font-size: 11pt;
}

.frm td {
	padding: 5px;
}

.tabbed_area {
	margin-bottom: 30px;
}

 ul.tabs {list-style:none;  margin:10px 0 5px 0; padding:0px;}
 ul.tabs li{list-style:none; float:left; display:block; margin-left:1px}
 ul.tabs li:first-child {margin-left:20px}
 
 ul.tabs li a {  
    background-color:#464c54;  
    color:#ffebb5;  
    padding:5px 14px 5px 14px;
    font-size:11px;  
    font-weight:bold;  
    text-decoration:none;  
    border:1px solid #464c54;
	text-transform:uppercase
}  
ul.tabs li a:hover {  
    background-color:#2f343a;  
    border-color:#2f343a;  
}  
ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border:1px solid #464c54;  
    border-bottom: 1px solid #ffffff;  
}

.tabcontent {  
    background-color:#ffffff;  
    padding: 30px; 
	margin: -8px 0px;
    border:1px solid #464c54;
	border-left:none;
	border-right:none;
}  

.tacount {
	color: #999;
	font-size: 120%;
}

#extsub {
	width: 170px;
	display: none;
	position: absolute;
	background: #f7f7f7;
	border: 1px solid #AAA;
	border-radius: 3px;
	left: 406px;
	top: 35px;
	z-index: 110000;
}

#extsub a {
	display: block;
	padding: 3px 5px 3px 10px;
	border-bottom: 1px solid #AAA;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
#extsub a.help {
	background: #ffff9f;
}
#extsub a:hover {
	background: #EEE;
}
#extsub a.help:hover {
	background: #ff8000;
	color: white;
}


/* Timepicker stylesheet  */
.ui-timepicker-inline { display: inline; }
#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }
.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table td span { display:block; padding:0.2em 0.3em 0.2em 0.5em; width: 1.2em; text-align:right; text-decoration:none; }
.ui-timepicker-table td a { display:block; padding:0.2em 0.3em 0.2em 0.5em; width: 1.2em; cursor: pointer; text-align:right; text-decoration:none; }
.ui-timepicker .ui-timepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-timepicker .ui-timepicker-close { float: right }
.ui-timepicker .ui-timepicker-now { float: left; }
.ui-timepicker .ui-timepicker-deselect { float: left; }

ul.help { padding: 0 0 0 20px; }
ul.help li {list-style-type: circle !important; padding: 6px; margin: 6px;}

#timelinebox {
	margin: 0 0 30px 0;
	height: 620px;
	overflow: auto;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	background: #D7D7D7;
}

#timeline {
	position: relative;
}

#timeline .line, #timeline .lineprefered {
	position: absolute;
	top: 0;
	left: 80px;
	width: 16px;
	border-left: 1px solid #8a4500;
	border-right: 1px solid #8a4500;
	cursor: pointer;
}

#timeline .lineprefered {
	background: #ceffe7;
	border-left: 1px solid #8a4500;
	border-right: 1px solid #8a4500;
}

#timeline .item {
	position: absolute;
	left: 101px;
	cursor: pointer;
	z-index: 5;
}

#timeline .item .tm, #timeline .item .tmg {
	float: left;
	background: #ff8000;
	border: 1px solid #8a4500;
	border-radius: 7px;
	padding: 3px 6px 3px 6px;
	color: white;
	font-weight: bold;
}

#timeline .item .tm span, #timeline .item .tmg span {
	display: block;
	position: absolute;
	left: -5px;
	top: 0;
	width: 9px;
	border-top: 1px solid #8a4500;
}

#timeline .item .tmg {
	background: #00ae00;
	border: 1px solid #005e00;
}

#timeline .item .tmg span {
	border-top: 1px solid #005e00;
}

#timeline .item .move {
	float: left;
	width: 30px;
	height: 30px;
	margin: -3px 0 0 1px;
	background: url('images/move.png');
}

#timeline .item .meta {
	float: left;
	margin-left: 1px;
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 7px;
	padding: 3px 20px 3px 9px;
}

img.iconlink {
	cursor: pointer;
	border: 0;
	width: 16px;
	height: 16px;
}

#linetime, .linedate {
	position: absolute;
	display: none;
	left: 10px;
	top: 60px;
	background: #AAA;
	color: white;
	border: 1px solid #888;
	border-radius: 7px;
	padding: 3px 6px 3px 6px;
	z-index: 10000;
	text-align: center;
}

#linetime {
	background: #ffff9f;
	border: 1px solid #ff8000;
	color: #333;
}

.linedate {
	display: block;
	z-index: 1;
}

.linedate span, #linetime span {
	display: block;
	border-top: 1px solid #888;
	position: absolute;
	top: -1px;
	left: 10px;
	width: 300px;
}

#linetime span {
	width: 60px;
	border-top: 1px solid #ff8000;
}

#savelnk a {
	background: red;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.logo {
	width: 225px;
	height: 40px;
	margin-top: -10px;
}

.hourtick, .hourtickm, .hourtickb {
	display: block;
	position: absolute;
	left: 65px;
	width: 15px;
	border-top: 1px solid #b6b6b6;
}

.hourtickb {
	border-top: 2px solid #b6b6b6;
	text-indent: -35px;
	width: 30px;
	left: 50px;
}

.hourtickm {
	width: 5px;
	left: 75px;
}

.topmsg {
	margin: 10px 10px 10px 0;
	background: red;
	padding: 4px 20px 4px 20px;
	color: white;
	border: 1px solid #8f1111;
}

.topmsg a {
	color: white;
}