/**
 *
 * Thai - Tour Info | Reservation System Backend
 *
 * Author: Vorapol K
 * 
 ********************************************/


 /**
 * import css
 *
 ********************************/
 
	@import url(login.css);
	@import url(class.css);
	@import url(dropdown.css);
	@import url(default.ultimate.css);
 
 /**
 * reset
 *
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 ********************************/
 
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
/**
 * adjust width; depend on screen resolution
 *
 ********************************/
 
 	html {
		background: #f0f0f0 url(../img/page-bg.png) repeat-y top left;
	}
	
	body {
		text-align: center; /* make content center */
	}
	
		#wrapper {
			width: 100%;
			margin: 0;
		}
		
		#container {
			text-align: left; /* reset text to left */
		}
		
/**
 * typography
 *
 ********************************/
	body {
		font: 11px 1.4em;
		font-family: Arial, Tahoma, sans-serif;
		color: #222;
	}
	
	h1 { font-size: 34px; } h2 { font-size: 18px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 11px; }
	
	p, ul, li, a { font-size: 11px; }
	
/**
 * styling links
 *
 ********************************/
	
	a:link, a:visited {
		color: #7ab8ff;
		text-decoration: none;
	}
	
	a:hover {
		color: #fb9d0a;
	}
	
	a:active, a:focus {
	}
	
/**
 * layout page
 *
 ********************************/
	#header { 
		display: none; 
	}
	
	#wrapper {
		
		/*position: relative;
		top: -20px;*/
	}
	
	#container {
		overflow: hidden;
	}
		
		/** sidemenu **/
		#sidecontent-holder {
			float: left;
			width: 221px;
		}
		
		/** content **/
		#maincontent-holder {
			float: left;
			width: 70%;
			background: #f0f0f0;		
			min-height: 768px;
		}
		
	
	#footer {
		text-align: right;
		clear: both;
		width: 200px;
		padding: 10px;
		color: #666;
		line-height: 1.1em;
	}

		
/**
 * styling sidecontent
 *
 ********************************/
 
	#sidecontent { 
		margin-left: 2px;
		border-left: 1px solid #4c4c4c;
		min-height: 740px;
		background: url(../img/sidecontent-bg.png) repeat-y right top;
	}
	
		/** logo **/
		#logo {
			text-align: center;
			padding: 15px 0;
			/*border: 1px solid orange;*/
		}
		
			#logo * {
				color: #fff;
				font-weight: normal;
				text-shadow: 0px 1px 1px #000;
			}
			
			#logo h2 {
				letter-spacing: 0.2em;
				margin: 5px 0;
			}
		
		/** display user **/
		#usermenu {
			clear: both;
			padding: 15px 10px 15px 0;
			text-align: right;
			/*border: 1px solid aqua;*/
		}
		
			#usermenu ul li {
				color: #ccc;
				line-height: 1.6em;
			}
			
			#usermenu span, #user a {
				color: #85c1f9;
			}
			
/**
 * styling tab
 *
 ********************************/
 
	#sidemenu {
		padding: 0;
		/*overflow: hidden;*/
		/*border: 1px solid yellow;*/
	}
	
		.tabmenu {
			text-align: right;
			float: right;
			margin: 0;
		}
						
			.tabmenu li {
				margin: 0 0 12px 0;
				/*border: 1px solid red;*/
			}
			
			.tabmenu li a {
				display: block;
				padding-top: 15px;
				padding-right: 10px;
				height: 37px;
				width: 185px;
				background: transparent url(../img/tabmenu.png) no-repeat right top;
				font-size: 14px;
				color: #fff;
				cursor: pointer;
				position: relative;
				left: -1px;
			}
			
			.tabmenu li a:hover {
				position: relative;
				left: 1px;
				color: #222;
				background: transparent url(../img/tabmenu-current.png) no-repeat right top;
			}
			
				/** current tab **/
				.tabmenu .tabmenu-current {
					color: #000;
					background: transparent url(../img/tabmenu-current.png) no-repeat right top;
					border-right: 1px solid #f0f0f0;
					position: relative;
					left: 1px;
				}
			
				/** subtabmenu **/
				.tabmenu-sub {
					clear: both;
					padding: 0;
					margin: 0;
					/*border: 1px solid red;*/
				}
				
					.tabmenu-sub li {
						margin: 0;
						line-height: 1.6em;
					}
					
						.tabmenu-sub li a {
							display: block;
							width: auto;
							height: auto;
							padding: 0 10px 0 0;
							background: none;
							font-size: 12px;
							cursor: pointer;
							/*border: 1px solid yellow;*/
						}
						
						.tabmenu-sub li a:hover {
							background: none;
							color: #85c1f9;
						}
						
/**
 * styling icon
 *
 ********************************/
 
	.large-btn {
		float: left;
		display: block;
		height: 132px;
		width: 152px;
		margin: 0 30px;
		border: 1px solid #9f9f9f;
		/* border-radius :: webkit, firefox, safari */
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		cursor: pointer;
	}
	
		.large-btn span {
			color: #666;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			display: block;
			padding-top: 100px;
			height: 30px; /* truth width = 130px; */
			width: 150px;
			text-shadow: 1px 1px 1px #fff;
			border: 1px solid #fff;
			/* border-radius :: webkit, firefox, safari */
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		
		.large-btn span:hover {
			color: #000;
			background: #e9e9e9;
		}
		
		/** styling each icon */
		span#addhotel { background: #f0f0f0 url(../img/addicon.png) no-repeat center 20px; }
		span#updatehotel { background: #f0f0f0 url(../img/editicon.png) no-repeat center 20px; }
		span#expiringhotel { background: #f0f0f0 url(../img/expiringicon.png) no-repeat center 20px; }
		
		span#addhotel:hover { background: #ddd url(../img/addicon-hover.png) no-repeat center 20px; }
		span#updatehotel:hover { background: #ddd url(../img/editicon-hover.png) no-repeat center 20px; }
		span#expiringhotel:hover { background: #ddd url(../img/expiringicon-hover.png) no-repeat center 20px; }
	
		
/**
 * styling content
 *
 ********************************/
 
	#maincontent {
		padding: 45px 30px;
		clear: both;
	}
	
	.content {
		margin-top: 15px;
		overflow: hidden;
		clear: both;
		z-index: -9999;
	}
	
/**
 * styling nav
 *
 ********************************/
 
	#nav {
		position: relative;
		top: -20px;
		margin-bottom: 20px;
		z-index: 9999;
		/*border: 1px solid red;*/
	}
	
	#nav a {
		color: #333;
		
		font-weight: bold;
	}
	
	#nav a:hover {
		color: #1569b9;
	}	
	
/**
 * styling table
 *
 ********************************/
		
	/** show list **/
	table.showlist {
		width: 100%;
		font-size: 11px;
		border: 10px solid #fff; /* replace padding */
		background: #fff;
	}
	
		table.showlist th {
			color: #fff;
			padding: 10px;
			background: #65b1f7;
			border-bottom: 1px solid #fff;
		}

		table.showlist tr {
			/*border: 1px solid #eee;*/
		}
		
			table.showlist tr:hover {
				background: #eee;
			}
		
		table.showlist tr td {
			padding: 3px 8px;
			border: 1px solid #ddd;
		}