/* CSS Document */

body, html{
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:11px;*/
	font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	/*color:#868686;*/
	color:#363636;
	margin:0;
	padding:0;
	background:url(../images/bg_body.jpg) repeat-x fixed;
}

/* COMMONS */
/*a:link{ color:#4ea5b8;text-decoration:underline; } */
a:link, a:visited { color:#414141;}
/*a:visited{ color:#4ea5b8;text-decoration:underline; }*/
a:hover{ color:#EBBA4F;text-decoration: underline; }
a:active, a:focus { color:#EBBA4F;text-decoration: underline; }
a.selected { color:#EBBA4F; }

small{
	line-height:140%;
}
label{
	
}

table { border:0;padding:0;margin:0; }
th, td { border:0;padding:0;margin:0; }

h1 { font-size: 16px; }

/* Box Div */
#box{
	margin:0 auto;
	padding:0 6px;
	width:800px;
	background:url(../images/bg_content.png) repeat-y;
}
#box_bottom{
	margin:0 auto;
	width:812px;
	height:6px;
	background:url(../images/bg_content-bottom.png) no-repeat;
}

/* Header Div */
#box #header{
	height:70px;
}
	#box #header #header_left{
		height:70px;
		width:230px;
		float:left;
		text-align:left;
	}
	#box #header #header_right{
		height:70px;
		width:550px;
		float:right;
		text-align:right;
		color:#666;
	}
		#box #header #header_right table{
			float:right;
		}
		/* Top Nav */
		#box #header #header_right ul{
			padding:0;
			margin:0;
			margin-left: 10px;
			margin-right: 5px;
			list-style-type:none;
			border-right:1px solid #C3DADF;
		}
			#box #header #header_right ul li{
				padding:0;
				margin:0;
				display:inline;
				list-style-type:none;
				float:left;
			}
				#box #header #header_right ul li a{
					padding:6px 10px;
					line-height:28px;
					background-color:#f5fafb;
					color:#666;
					text-decoration:none;
					border-right:1px solid #C3DADF;
					border-bottom:1px solid #C3DADF;
				}
				#box #header #header_right ul li a.first{
					border-left:1px solid #C3DADF;
				}
				#box #header #header_right ul li a:hover{
					background-color:#feffed;
					color:#ebba4f;
				}

/* Main Nav */			
#box #nav{
	height:25px;
	padding-bottom:6px;
	margin-bottom:20px;
	background:#6fa0ad url(../images/bg_NavShadow.gif) repeat-x bottom;
}
	#box #nav ul{
		padding:0;
		margin:0;
		list-style-type:none;
		z-index:1000;
	}
		#box #nav ul li{
			padding:0;
			margin:0;
			list-style-type:none;
			display:inline;
			position:relative;
			float:left;
			z-index:1000;
		}
			#box #nav ul li a{
				padding:6px 12px;
				line-height:25px;
				color:#FFF;
				text-decoration:none;
				border-right:1px solid #FFF;
				z-index:1000;
			}
			#box #nav ul li a:hover, #box #nav ul li a.selected{
				background-color:#d7dfe2;
				color:#666;
			}
			#box #nav ul li ul{
				position:absolute;
				top:24px;
				left:0px;
				display:none;
				width:150px;
				background:#f5fafb;
				border:1px solid #e6eef0;
				padding:8px;
				z-index:1000;
			}
			#box #nav ul li:hover ul, #box #nav ul li.over ul{
				display:block;
				z-index:1000;
			}
			#box #nav ul li:hover ul ul, #box #nav ul li.over ul ul, #box #nav ul li:hover ul ul ul, #box #nav ul li.over ul ul ul{
				display:none;
				z-index:1000;
			}
				#box #nav ul li ul li{
					
				}
					#box #nav ul li ul li a{
						color:#6fa0ad;
						width:124px;
						line-height:16px;
						display:block;
						border:0;
						border-top:1px dashed #e6eef0;
						z-index:1000;
					}
					#box #nav ul li ul li a:hover, #box #nav ul li ul li a.selected{
						background-color:#feffed;
						color:#ebba4f;
					}
					#box #nav ul li ul li a.first{
						border:0;
					}
						#box #nav ul ul li ul{
							top:0;
							left:95%;
							display:none;
						}
						#box #nav ul ul li:hover ul, #box #nav ul ul li.over ul, #box #nav ul ul ul li:hover ul, #box #nav ul ul ul li.over ul{
							display:block;
							z-index:1000;
						}

/* Content Area */
#box #content{
	padding:0 20px;
	font-size:12px;
	line-height:180%;
}
	/* Left Content */
	#box #content #content_left{
		width:210px;
		float:left;
	}
		/* Left Side Nav */
		#box #content #content_left ul{
			padding:0;
			margin:0;
			list-style-type:none;
			clear:both;
		}
			#box #content #content_left ul li{
				padding:0;
				margin:0;
				list-style-type:none;
				width:210px;
			}
				#box #content #content_left ul li a{
					/*color:#868686;*/
					text-decoration:none;
					padding: 4px;
					/*padding:8px 8px;*/
					line-height:120%;
					display:block;
					/*border-bottom:1px solid #d7dfe2;*/
					border-bottom: 1px solid #bfbfbf;
					font-weight: bold;
				}
				#box #content #content_left ul li a:hover, #content #content_left ul li a.selected, #content #content_left ul li a:active{
					background-color:#f5fafb;
					color:#6fa0ad;
				}
				#box #content #content_left ul li a.first{
					border-top:1px solid #ECECEC;
				}
					#box #content #content_left ul li ul{
						padding:5px 0px 5px 15px;
						/*padding: 0;*/
						margin:0;
						clear:both;
					}
						#box #content #content_left ul li ul li{
							padding:0;
							margin:0;
							list-style-type:none;
							width:195px;
						}
							#box #content #content_left ul li ul li a{
								font-weight: normal !important;
								/*color:#BABABA;*/
								text-decoration:none;
								/*padding:6px 8px;*/
								padding: 4px;
								display:block;
								/*border-bottom:1px dashed #d7dfe2;*/
								border-bottom: 1px solid #ececec;
							}
							#box #content #content_left ul li ul li a:hover, #box #content #content_left ul li ul li a.selected{
								background-color:#feffed;
								color:#ebba4f;
							}
							#box #content #content_left ul li ul li a.first{
								/*border-top:1px dashed #d7dfe2;*/
							}
	
	/* Right Content */
	#box #content #content_right{
		width:530px;
		float:right;
	}
		#box #content #content_right #content_hdr{
			width:100%;
			border-bottom:1px solid #ececec;
			height:24px;
			margin-bottom:6px;
		}
			#box #content #content_right #content_hdr #content_hdr_left{
				text-align:left;
			}
			#box #content #content_right #content_hdr #content_hdr_right{
				text-align:right;
			}
		
		/* Default Table Style */
		#box #content #content_right .input_table{
			
		}
		#box #content #content_right .input_table td{
			padding:2px;
		}
		#box #content #content_right .input_table td td{
			padding:0;
		}
		td.right{
			text-align:right;
		}
		td.left{
			text-align:left;
		}
		td.center{
			text-align:center;
		}
		td.top{
			vertical-align:top;
		}
		td.middle{
			vertical-align:middle;
		}
		#choice_column{
			vertical-align:top;
			background:#F5FAFB;
			border:1px solid #D7DFE2;
		}
		#choice_column div{
			padding:6px 12px;
			text-align:center;
			line-height:120%;
		}
		#choice_column a{
			display:block;
			padding:6px;
			color:#666;
			text-decoration:none;
		}
		#choice_column a:hover, #choice_column a.selected{
			background: #D7DFE2;
		}
		#results_column{
			vertical-align:top;
			padding-left:6px;
			background: #D7DFE2;
			border-top:1px solid #D7DFE2;
			color:#666666;
			width:70%;
		}
		
		/* Row Table Style */
		#box #content #content_right .row_display_table{
			width:100%;
			background:#FFF;
			padding:0;
			margin:0;
		}
		
			#box #content #content_right .row_display_table tr{
				
			}
				#box #content #content_right .row_display_table tr.row_odd{
					background: #FFF;
					border-left: 1px solid #D7DFE2;
				}
				#box #content #content_right .row_display_table tr.row_odd:hover{
					background: #FCFFCF;
				}
				#box #content #content_right .row_display_table tr.row_even{
					background: #FEFFED;
					border-left: 1px solid #D7DFE2;
				}
				#box #content #content_right .row_display_table tr.row_even:hover{
					background: #FCFFCF;
				}
				#box #content #content_right .row_display_table tr.th_container{
					border-left: 1px solid #D7DFE2;
					background: #6FA0AD;
					color: #ADCDD6;
				}
					#box #content #content_right .row_display_table th{
						padding:4px 4px;
						background: #6FA0AD;
						color: #ADCDD6;
						font-weight:normal;
						text-align:center;
					}
					#box #content #content_right .row_display_table td{
						padding:4px 4px;
						border-bottom: 1px dashed #D7DFE2;
						border-right: 1px solid #D7DFE2;
					}
						#box #content #content_right .row_display_table td.edit{
							/* background: #D7DFE2;
							border-bottom: 1px dashed #CFCFCF; */
							background: #FEFFED;
						}
							#box #content #content_right .row_display_table td.edit a{
								
							}
							#box #content #content_right .row_display_table td.edit a:hover{
								/* color: #333; */
							}
						#box #content #content_right .row_display_table td.top{
							height:8px;
							line-height:6px;
							font-size:6px;
							background:url(../images/img_table-top.gif) center no-repeat;
							border:0;
							padding:0;
							margin:0;
						}
						#box #content #content_right .row_display_table td.bottom{
							height:8px;
							line-height:6px;
							font-size:6px;
							background:url(../images/img_table-bottom.gif) center no-repeat;
							border:0;
							padding:0;
							margin:0;
						}
						
		/* Page Display */
		#page_display{
			background-color:#FEFFED;
			border-bottom:1px dashed #F4DEAF;
		}
		#page_display a{
			line-height:26px;
			/*text-decoration:none;*/
		}
		#page_display .plus{
			background:url(../images/icons/8/icon_arrow_closed.gif) 5px 10px no-repeat;
		}
		#page_display .minus{
			background:url(../images/icons/8/icon_arrow_open.gif) 5px 10px no-repeat;
		}
		#page_display div{
			padding-left:18px;
			border-top:1px dashed #F4DEAF;
			clear:both;
		}
		#page_display table{
			width:100%;padding:0;margin:0;
			clear:both;
		}
		/*
		#page_display table td{
			vertical-align:top;
		}
		*/
		#page_display .msg_display{
			margin:12px;
			padding:8px;
			border:1px solid #CCC;
			background:#FFF;
		}
			#page_display .msg_display div{
				padding:0;
				border:0;
			}
		
		.template_slot{
			border:1px solid #C3DADF;
			background:#F5FAFB;
			padding:8px;
		}
					
	
/* Footer */
#box #footer{
	padding:20px;
}
	#box #footer #footer_pad{
		padding:20px 0 0 240px;
		border-top:1px dashed #e6eef0;
	}
		#box #footer ul{
			padding:0;
			margin:0;
			list-style-type:none;
		}
			#box #footer ul li{
				display:inline;
			}
				#box #footer ul li a{
					padding:0 4px;
				}
							
/* Login Page */
#box_login_top{
	height:6px;
	margin:140px auto 0 auto;
	width:287px;
	background:url(../images/bg_content_login_top.png) no-repeat;
}
#box_login_bottom{
	height:6px;
	margin:0px auto;
	width:287px;
	background:url(../images/bg_content_login_bottom.png) no-repeat;
}
#box_login{
	margin:0 auto;
	width:250px;
	padding:20px 20px;
	background: url(../images/bg_content_login.png) repeat-y;
}
	#box_login #login_form{
		background:#FFF;
	}
		#box_login #login_form td{
			padding:2px;
		}
				

/* Clear Div */				
.clear{
	clear:both;
}

/* Auto Generated PNG Buttons */
/*------------ left aligned button ------------*/
.btn { display: block; position: relative; background: #D7DFE2; margin: 0 2px; padding: 5px; float: left; color: #fff; text-decoration:none !important; cursor: pointer; z-index: 1; line-height:120%; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; text-decoration: none; border:0; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; color: #fff; text-decoration: none; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0;; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

.btn.blue { background: #6FA0AD; }
.btn.blue:hover { background-color: #4F767F; }
.btn:hover { background-color: #6FA0AD; }
/* .btn:active { background-color: #444; } */
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }

/*---------- right aligned button ----------*/
.btnR { display: block; position: relative; background: #D7DFE2; margin: 0 2px; padding: 5px; float: right; color: #fff; text-decoration: none !important; cursor: pointer; z-index: 1; line-height:120%; }
.btnR * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; text-decoration: none; border:0; }
.btnR i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnR span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; color: #fff; text-decoration: none; }
.btnR span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnR span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

.btnR.blue { background-color: #6FA0AD; }
.btnR.blue:hover { background-color: #4F767F; }
.btnR:hover { background-color: #6FA0AD; }
/* .btnR:active { background-color: #444; } */
.btnR[class] {  background-image: url(../images/shade.png); background-position: bottom; }

/* Color Picker */
#colorpicker301 div{height:12px;}
#colorpicker301 p{line-height:14px;color:#666;}
#colorpicker301 h1{display:inline;font-size:16px;}
#colorpicker301 p.imp{color:crimson;font-weight:bold;}
#colorpicker301 ol,ul{color:#666;line-height:180%;}
#colorpicker301 input{font-size:10px;padding:0;letter-spacing:0;}
#colorpicker301 tr.rola{background-color:white;}
#colorpicker301 td.rolb{cursor:pointer;text-align:center;border:dashed 1px white;background-color:white;}

/* Calendar */
table.calendar{
	margin:2px 8px;
}
table.calendar th{
	background:#FEFFED;
	color:#EBBA4F;
	font-weight:normal;
	border:1px solid #DEDEDE;
	text-align:center;
}
table.calendar td{
	padding: 3px;
	border:1px solid #DEDEDE;
	line-height:16px;
	text-align:center;
}
table.calendar td.calendar_notused{
	background:#EEE;
}
.cal_list_container{
	border:1px solid #45676F;
}
.cal_list_top{
	background:#45676F;
	color:#FFF;
	font-weight:bold;
}
.cal_list_top a{
	color:#FFF;
	font-weight:bold;
}
.cal_list_top .time{
	float:right;
}
.cal_list_top .date{

}
.cal_list_content{
	border:2px solid #FFF;
}
.cal_list_content table{
	width:100%;
}
.cal_list_content td{
	padding:6px;
}
.cal_list_title{

}
.cal_list_text{

}



/* Common Text Classes */
.txt_hdr{
	font-size:12px;
	font-weight:bold;
	/*color:#6fa0ad;*/
	color: #000;
	line-height:24px;
	padding-right:12px;
}
.txt_linkcolor{
	color:#6fa0ad;
}

/* Error Message Box */
.error_msg{
	background:#feffed;
	border:1px solid #f4deaf;
	padding:8px 14px;
	margin:0 0 4px 0;
}
.box_msg{
	background:#F5FAFB;
	border:1px solid #C3DADF;
	padding:8px 14px;
	margin:0 0 4px 0;
}

/* Display */
.display_none{
	display:none;
}
.display_true{
	margin-top:8px;
	display:block;
}
