/*Joseph 2008*/
/*
span{
	display: inline-block;
}
*/
.divMask{
	background:#000;
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=20);
	z-index:100;
	border:none;
	display:none;
	position:absolute;
	top:0;
	left:0;
}

.divSelector{
	padding:5px;
	height:470px; 
	width:435px; 
	border:2px solid #708090; 
	position:absolute; 
	background-color:White; 
	z-index:101;
	display:none;
	font-family: Georgia;
}

.divSelector5{
	padding:5px;
	height:345px; 
	width:250px; 
	border:4px solid #708090; 
	position:absolute; 
	background-color:White; 
	z-index:101;
	display:none;
	font-family: Georgia;
}

.divSelector2{
	padding:5px;
	height:130px; 
	width:460px; 
	border:4px solid #708090; 
	position:absolute; 
	background-color:White; 
	z-index:101;
	display:none;
	text-align:left;
}

.divSelector3{
	padding:10px;
	height:200px; 
	width:250px; 
	border:1px solid #A0A0A0; 
	position:absolute; 
	background-color:#F0F0F0; 
	z-index:101;
	display:none;
	OVERFLOW: visible; 
	OVERFLOW-X:hidden;
}

.divSelector4{
	padding:10px;
	height:170px; 
	width:490px; 
	border:4px solid #708090; 
	position:absolute; 
	background-color:White; 
	z-index:101;
	display:none;
}

.divLiteral{
	width:95%;
	margin:10px;
	padding:5px;
	height:120px; 
	border:1px solid #F0E68C; 
	text-align:center;
	background-color: #F2F4DB;
}

.divContent{
	width:100%;
	height:80px; 
	OVERFLOW: scroll; 
	OVERFLOW-X:hidden;
}

.divList{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:14px;
	float:left;
	margin:5px;
	border: 1px solid #778899;
	border-left:10px solid #778899;
	padding: 2px;
	background-color: white;
	border-bottom-style: #336699
}

.btn{
	font-size: 12px;
	height: 24px;
	background-color: ButtonHighlight;
	border: 1px solid;
	border-bottom-color: ButtonShadow;
	border-right-color: ButtonShadow;
	border-top-color: ButtonHighlight;
	border-left-color: ButtonHighlight;
	text-align: center;
	padding-top: 4px;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
}

.btn2{
	font-size: 12px;
	height: 20px;
	color: #37464D;
	background-image: url(../icon/btn2_bg_03.gif);
	border: 1px solid;
	border-bottom-color: ButtonShadow!important;
	border-right-color: ButtonShadow!important;
	border-top-color: ButtonHighlight!important;
	border-left-color: ButtonHighlight!important;
	text-align: center;
	padding: 4px 10px 2px 10px;
	cursor: pointer;
	text-decoration: none;
}

.btn3{
	font-size: 12px;
	color: #F5F5F5;
	height: 20px;
	width: 100px;
	background-image: url(../icon/btn2_bg_01.gif);
	border: 1px solid black;
	text-align: center;
	padding: 4px 5px 4px 5px;
	cursor: pointer;
}

.btn4{
	font-size: 12px;
	height: 24px!important;
	background-color: ButtonHighlight;
	border: 1px solid;
	border-bottom-color: ButtonShadow;
	border-right-color: ButtonShadow;
	border-top-color: ButtonHighlight;
	border-left-color: ButtonHighlight;
	text-align: center;
	padding-top: 4px;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
	float:right;
}

.btn3_over{
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	width: 100px;
	background-image: url(../icon/btn2_bg_02.gif);
	border: 1px solid black;
	text-align: center;
	padding-top: 4px;
	cursor: pointer;
}

.btnInput{
	font-size: 12px;
	height: 24px;
	color: #37464D;
	background-image: url(../icon/btn2_bg_03.gif);
	border: 1px solid;
	border-bottom-color: ButtonShadow;
	border-right-color: ButtonShadow;
	border-top-color: ButtonHighlight;
	border-left-color: ButtonHighlight;
	text-align: center;
	padding: 5px 10px 7px 10px;
	cursor: pointer;
}

hr{
	clear:both;
}

#loading{
	border:1px solid Navy;
	position:absolute;
	display:none;
}

.locked{
	font-size:12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:0px;
	border-bottom: 1px dashed #666666;
}

.arrow{
	font-family: Webdings;
	color: #FF8C00;
}

.lbs{
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background-color: #4169E1;
	margin-right: 2px;
	padding: 2px 5px 2px 5px;
	height:18px;
	float:left;
}

.lbsAlert{
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background-color: #8B0000;
	margin-right: 2px;
	padding: 2px 5px 2px 5px;
	height:18px;
	float:left;
}

.notify{
	font-size:12px;
	padding:20px;
	text-align:center;
	border: 2px dashed #DBDBDB;
	margin:5px;
	>width:100%;
}

.lblSelector{
	color: Black;
	background-color:#F0F0F0;
	font-size:12px;
	padding-left:15px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	cursor: default;
}

.lblSelectorAction{
	margin-left:5px;
	cursor:pointer;
}

.lblSelectorOver{
	color:white;
	background-color: #FFD700;
	font-size:12px;
	padding-left:15px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}

.scheduleTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:white;
}

.dataContent{
	margin-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
	padding:3px 3px 3px 15px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.dataContent2{
	margin-bottom: 15px;
	padding:3px 3px 3px 15px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.dataContent3{
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}

.dataContent4{
	padding:3px 3px 3px 15px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.dataCool{
	font-size:12px;
	font-family: Arial;
	color:#A31F1F;
	padding-top:4px;
	font-weight: bold;
	line-height:20px;
}

.cPage{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #F5F5F5;
	height: 16px;
	padding: 2px 8px 2px 8px;
	text-decoration: none;
	border: 1px solid Silver;
	cursor:pointer;
}

.dataList{
	margin-left:15px; 
	width:98%; 
	padding:3px; 
	border:1px solid #DDDDDD; 
	border-left:7px solid #DDDDDD;
}

.statusBox{
	width: 100px;
	height: 20px;
	border: 1px solid #191970;
	margin: 2px;
	background-color:#F4FAFF;
	float:left;
}

.statusBar{
	background-color:#4169E1;
	height: 20px;
	float: left;
}

.status{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #DAA520;
	height: 20px;
	margin: 2px;
	width:40px;
	text-align:center;
	float:right;
}

.funcBar{
	height:24px;
	padding:6px 1px 6px 1px;
	border-top: 1px dotted #D3D3D3;
	border-bottom: 1px dotted #D3D3D3;
	margin-top:5px;
	margin-bottom:5px;
}

.funcBar2{
	padding:6px 1px 6px 1px;
	border-top: 1px dotted #D3D3D3;
	border-bottom: 1px dotted #D3D3D3;
	margin-top:5px;
	margin-bottom:5px;
}

.iLock{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:1px !important;
	background-color: transparent !important;
	padding: 4px;
}

.iRelease{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:1px solid #979797;
	padding: 4px;
}

.editorArea {
	width:100%;
	background-color: #EBEBEB;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	padding-top:4px;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:3px;
}

.dateStyle{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	background-image: url(../icon/btn2_bg_03.gif);
	font-family: Georgia; 
	font-size:10px; 
	height: 14px;
	color:#8B0000; 
	border:1px solid Silver; 
	padding:1px 4px 3px 10px;
}

.ddlItems{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px;
	cursor: pointer;
}

.mainMenu{
	font-weight: bold;
	color:#999999;
	cursor: pointer;
}

.subMenus{
	width:200px;
}

.subMenu{
	cursor:pointer;
	width:200px;
}

.subMenuBody{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #777777;
}

.sContainer{
	height:16px;
	padding:1px 0px 1px 0px;
	clear:both;
	z-index: 50;
}

.sMenuHead{
	float:left;
	width:26px;
	height:16px;
	text-align:center;
}

.sMenuBody{
	float:left;
	height:16px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	>padding-top:2px;
}

.lContainer{
	height:16px;
	padding:2px 4px 2px 0px;
	clear:both;
	z-index: 50;
	border:1px solid transparent;
}

.pNotify{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:12px;
	color:#313131;
	border:1px solid #CD0A0A; 
	padding:2px; 
	float:left;
	width:100%;
	background-color:#FDF2F2;
	position: absolute;
	display:none;
}

.caution{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:12px;
	border:1px solid #CD0A0A; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#FDF2F2;
	margin-top: 5px;
}

.caution2{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:12px;
	border:1px solid #FFD700; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#FFF8CE;
	margin-top: 3px;
}

.caution3{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:12px;
	border:1px solid #0033FF; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#DFE7FF;
	margin-top: 5px;
}

.caution4{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:12px;
	border:1px solid #DEDEDE; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#F8F8F8;
	margin-top:5px;
}

.caution5{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:12px;
	border:1px solid #6699CC; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#E1EBF5;
	margin-top:5px;
}

.caution6{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:12px;
	border:1px solid #FFD144; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#FFF6DD;
	margin-top:5px;
}

.tabMenu{
	-moz-border-radius-topleft: 0.6em;
	-moz-border-radius-topright: 0.6em;
	font-size:12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:2px solid #6699CC;
	background-color:#6699CC;
	color:white;
	font-weight: bold;
	padding:5px 15px 3px 7px;
	margin-left:0px;
	cursor:pointer;
}

.tabMenu_blur{
	-moz-border-radius-topleft: 0.6em;
	-moz-border-radius-topright: 0.6em;
	font-size:12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	border:2px solid #EFEFEF;
	background-color: #EFEFEF;
	padding:5px 15px 3px 7px;
	margin-left:0px;
	cursor:pointer;
}

.tabContents{
	border:2px solid #6699CC;
	height:380px;
	background-color: #E5E4F2;
	OVERFLOW: visible; 
	OVERFLOW-X:hidden;
}

.tabContent{
	padding:10px;
	display: none;
	width:100%;
}

.timelineLayout{
	border-top:1px solid silver;
}

.timelineLayout td{
	border-bottom:1px solid silver;
}

.timelineContainer{
	position: absolute;
	clear:both;
	display: none;
	z-index:50;
	overflow: auto;
}

.timelineContainer:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */ 

.timelineDATA{
	font-size:12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position:relative;
	border:1px solid #FFCC00;
	background-color:#FFF2BD;
	color:#666666;
	float:left;
	padding: 5px;
	display:none;
	max-width: 70px;
}

.tbLine td{
	border-bottom: 1px solid silver;
	line-height: 24px;
}

.lineAGREE{
	width: 5px;
	height: 5px;
	position: absolute;
	background-color: #66FF33;	
}

.lineREJECT{
	width: 5px;
	height: 5px;
	position: absolute;
	background-color: #CC0000;	
}

.style03{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size:12px;
	border:1px solid #CD0A0A; 
	padding:4 10 4 10; 
	float:left;
	background-color:#FDF2F2;
	margin-top: 5px;
}

.style01{
	line-height: 30px;
	padding: 4 2 4 2;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../icon/style01_bg.gif);
}

.optItems{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px;
	cursor: pointer;
}