@charset "UTF-8";

/*	Project Name:		the Post Publishing (Back Office Jobs)
	CSS Designed by:	Postdigital
	Lastest Update:		24 June 2009


	use "_" for IE6 CSS properties hack
	use "/" for IE7 CSS properties hack
	
	......................................... */
	
	* {margin: 0; padding: 0;}
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		background: url(../../images/bg/bodyBg.png) #fff repeat-x;
	}
	
	img {border: none;}
	a {text-decoration: none; outline: none;}
	a:hover {text-decoration: none;}

	/*	content_10 of child
		#header, #toc, .footer
		.......................................................................................... */
		
		#content_10 {/*width: 940px;*/ margin: 0 auto; overflow: hidden; padding-bottom: 20px;}
		
		#content_10 #header {
			/*width: 940px; */
			height: 174px; 
			margin: 0 0; 
		}				
		
		#content_10	#toc {
			/*width: 940px; */
			margin: 20px 0; 
			padding-bottom: 20px; 
			overflow: hidden; 
			/*background: url(../../images/bg/leftBg.png) 181px 0 repeat-y;*/
		}

		
		#content_10 .footer {border-top: 1px solid #999; padding-top: 5px;}
		
		body.innerPage {background: none #e7e5da !important;}
		body.innerPage #content_10 {background: url(../../images/bg/bodyBg.png) #fff repeat-x; border-left: 6px solid #fff; border-right: 6px solid #fff;}
		
	/*display content*/
	#content_display{
			width: 980px; 
			margin: 5px 0; 
			padding-left: 20px; 
			padding-bottom: 10px; 
			overflow: hidden; 
			background: url(../../images/bg/leftBg.png) 181px 0 repeat-y;
		}

	/*	header of child 
		h1, #nav
		.......................................................................................... */
				
		#header h1 {height: 126px; background: url(../../images/logo.png) 0 50% no-repeat;}
			#header h1 span {visibility: hidden;}
		
		#header #nav {/*width: 940px;*/ height: 48px; font-size: 14px;}
			#nav li {
				width: 102px; 
				float: left; 
				margin: 5px 6px 0; 
				list-style: none; 
				display: inline;
			}
		
			#nav li a {
				display: block; 
				width: 100px; 
				height: 23px; 
				border: 1px solid #999; 
				background: #c4c3be; 
				color: #fff;
				text-align: center;
				padding-top: 10px;
			}
			
			#nav li a:hover {background: #fff; color: #333;}
		
			#nav li a.logout {background: #ffc; color: #333;}
			#nav li a.logout:hover {color: #f00;}
			
			#nav li a.current {
				height: 31px; 
				background: #fff; 
				border-bottom: 1px solid #fff; 
				color: #333;
			}
			
			
	/*	toc of child
		h2, #subNav, .tableDetails, .tableAction, .tableInact
		.......................................................................................... */					
		
		#toc h2 {
			font-size: 16px; 
			color: #333; 
			font-weight: normal; 
			padding: 0 0 10px;
		}
		
		#toc .grid_8 h2 {border-bottom: 1px solid #e7e5da; margin-bottom: 10px;}
			.grid_8 h2 span {color: #f00;}
			
		#toc #subNav li {
			width: 176px; 
			float: left;
			background: url(../../images/bg/subNav-li.png) repeat-y; 
			margin: 1px 0; 			
		}
		
			#subNav li a {
				display: block; 
				width: 166px; 
				color: #333; 
				border-right: 2px solid #fff; 
				padding: 8px 7px 8px 0; 
				text-align: right;
			}
			#subNav li a:hover {color: #709cb2; background: #fff;}
			
			#subNav li a.current {
				width: 168px; 
				color: #709cb2; 
				border-right: none; 
				padding: 10px 8px 10px 0; 
				background: #fff; 
				margin: 1px 0;
			}
			
		#toc .tableDetails {width: 100%; margin-bottom: 12px;}
			.tableDetails span {color: #f00; font-weight: bold; text-decoration: underline;}
			
			.tableDetails tr:hover {background: #fffff0; color: #333;}
			.tableDetails tr td {text-indent: 5px; padding: 4px 0; border-bottom: 1px solid #e7e5da;}
			
			.tableDetails .totalSelect {text-align: right; color: #000;}
			.tableDetails .totalSelect:hover {background: #fff;}
			.tableDetails .totalSelect td {padding: 8px 5px 8px 0;}				
			
			.tableDetails .titleheader {background: #333;}
			.tableDetails .titleheader:hover {background: #333;}
			.tableDetails .titleheader th {
				color: #fff; 
				text-align: left; 
				font-weight: normal; 
				padding: 6px 0; 
				text-indent: 5px;
			}
			
			.tableDetails .totalNumber {background: #e7e7e7; color: #000;}
			.tableDetails .totalNumber:hover {background: #e7e7e7;}
			.tableDetails .totalNumber td {padding: 3px 0; border-top: 1px solid #fff;}
			
		#toc .tableAction {width: 100%; margin-bottom: 12px;}
		
			.tableAction input {padding: 2px 0; /margin-left: 5px;}
			.tableAction select {
				padding: 2px 0; 				
				background: #ffc; 
				border: 1px solid #999;
				margin-left: 5px; 
			}
			
			.tableAction tr {vertical-align: top;}
			.tableAction tr th {
				border-bottom: 1px solid #fff; 
				font-weight: normal; 
				text-align: left; 
				padding: 5px 0; 
				text-indent: 5px; 
				background: #333; 
				color: #fff;
			}
			
			.tableAction tr:hover {background: #fffff0; color: #333;}
			.tableAction tr td {
				text-indent: 5px; 
				padding: 4px 0; 
				border-bottom: 1px solid #fff; 
				background: #eee;
			}
			
			.tableAction .tableInact {width: 100%; padding: 0 !important;}
				.tableInact tr td {border: 1px solid #333;}
			
			
	/*	loginBox
		.......................................................................................... */	
		
		.loginBox {
			width: 470px; 
			overflow: hidden; 
			margin: -33px 0 20px 280px; 
			color: #333;
		}
		.loginBox span {
			display: block; 
			background: #333; 
			color: #fff; 
			padding: 5px;
		}
		
		.loginBox h2 {
			width: 82px; 
			height: 26px; 
			padding-top: 5px;
			background: #fff; 
			margin-bottom: 20px;
			text-align: center;
			border: 1px solid #999;
			border-bottom: 1px solid #fff; 
			color: #333;
			font-size: 16px; 
			font-weight: normal; 
		}
		
		.loginBox ul {list-style: none; margin-bottom: 10px;}
		.loginBox ul li {margin-bottom: 10px;}
		.loginBox ul li label {display: block; float: left;}
		.loginBox ul li input {
			width: 250px; 
			padding: 3px 2px 2px; 
			cursor: text; 
			background: #e7e5da;
		}
		
		.loginBtn {
			width: 82px !important; 
			background: #ffc !important; 
			padding: 5px !important; 
			font-size: 14px; 
			cursor: pointer !important;
			float: left;
		}
			
	/*set Display Text*/
			.DisplayText {
			width: 470px; 
			overflow: hidden; 
			margin: -33px 0 20px 0px; 
			color: #333;
		}

		.DisplayText h2 {
			width: 160px; 
			height: 26px; 
			padding-top: 5px;
			background: #fff; 
			margin-bottom: 20px;
			text-align: left;
			border: 1px solid #999;
			border-bottom: 1px solid #fff; 
			color: #333;
			font-size: 15px; 
			font-weight: solid; 
		}
		

	/*	set Button
		.......................................................................................... */	
		input {
			border: 1px solid #999; 
			background: #ffc; 
			margin-right: 5px; 			
		}	
		
		input.edit {color: #709cb2; cursor: pointer;}
		input.delete {color: #f00; cursor: pointer;}
		input.enable {color: #9B9B9B; cursor: pointer;}
		input.disable {color: #FF6633; cursor: pointer;}
			.edit:hover, .delete:hover {background: #fff;}
			
		input.createNew {color: #709cb2; padding: 5px; font-size: 14px; margin-left: 282px; cursor: pointer;}
			.createNew:hover {color: #f00;}
			
		input.update {color: #709cb2; padding: 5px; font-size: 14px; margin-left: 282px; cursor: pointer;}
			.update:hover {color: #f00;}
		
	

		

	/*	asign Grid
		.......................................................................................... */
		
		.grid_1, .grid_2, .grid_3, 
		.grid_4, .grid_5, .grid_6, 
		.grid_7, .grid_8, .grid_9, 
		.grid_10 {display: inline; float: left; margin: 0 6px;}
		
		.grid_1 {width: 82px;}
		.grid_2 {width: 176px;}
		.grid_3 {width: 270px;}
		.grid_4 {width: 364px;}
		.grid_5 {width: 458px;}
		.grid_6 {width: 552px;}
		.grid_7 {width: 646px;}
		.grid_8 {/*width: 740px;*/width: 1000px;}
		.grid_9 {width: 834px;}
		.grid_10 {width: 928px;}
		
		
		/*	pagination
		.......................................................................... */
				
		.pagination {text-align: right; margin: 0 0 20px 0;}
		.pagination a {
			background: #ececec; 
			padding: 1px 4px; 
			font-weight: normal; 
			color: #333; 
			text-decoration: none;
		}
		.pagination a:hover {background: #81badd;}
		.pagination a.active {background: #81badd;}
		
		.pagination span a {background: #fff;}
		.pagination span a:hover {background: none;}