/* 
Chez Enterprises

CONTENTS

		1.BODY
		2.DEFAULT STYLING
		3.PANEL
		4.TAB
		5.IMAGES
		7.404
		8.AJAX-LOADER
		9.ORPHANS
*/

@import url(reset.css); /* RESET CSS */

/* 1.BODY
---------------------------------------------------------------------- */
body { background-image: url('img/ce_04.png'); font: 85%/0.9 arial, helvetica, sans-serif; line-height: 130%; width: 100%; }
div#box { width: 1024px; margin: 200px auto; }
div#logo { float: left; width: 484px; height: 108px; background-image: url(img/ce_03.png); margin-left: -17px; }
div#logo h1 { display: none; }
div#welcome { height: 108px; width: 567px; float: right; background-image: url(img/ce_05.png); margin-right: -10px; }
div#welcome h2 { display: none; }
div#comingsoon { display: block; padding-top: 300px; text-align: center; font-size:300%; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-weight:bold; color:white; }

/* 2. DEFAULT STYLINGS
---------------------------------------------------------------------- */
a { color: #0099CC; text-decoration: none; }
a:hover { color: #00CCFF; }
h1 { font-size: 1.6em; height: 20px; padding-top: 0; }
h2 { font-size: 1.2em; height: 20px; padding-top: 0; }

/* 3. PANEL
---------------------------------------------------------------------- */


/* 4. TAB
---------------------------------------------------------------------- */
.tab { background: url(img/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; z-index: 999; }

.tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px;	width: auto; margin: 0; right: 100px;
  	color: white;
  	font-size: 80%;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
}

.tab ul.login li.left { background: url(img/tab_l.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
.tab ul.login li.right { background: url(img/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
.tab ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(img/tab_m.png) repeat-x 0 0; }
.tab ul.login li a { color: #15ADFF; }
.tab ul.login li a:hover { color: white; }

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(img/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(img/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(img/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(img/bt_close.png) no-repeat left -19px;}

/* 8. AJAX-LOADER
---------------------------------------------------------------------- */
#loader {
	margin: 10px 0px;
}
#response {
	border: 1px solid #55a5d3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	padding:10px 5px;
	margin:10px 0px;
}

/* 9. ORPHANS
---------------------------------------------------------------------- */
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}