/* CSS Document for XJSClients.COM System */

html, body{
	margin: 0 0 300px 0;
	padding: 0;
	background: url(../images/x-jhedstudios_bg.gif) fixed bottom center no-repeat;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

#whole{
	width: 100%;
	height: auto;
	float: left;
}

/* Header Styles */

	#top{
		width: 100%;
		height: 24px;
		float: left;
		background: url(../images/login_top.gif) repeat-x;
	}

	#header{
		width: 100%;
		height: 57px;
		float: left;
		background: url(../images/header_bg.jpg) repeat-x;
	}

	#goto_site:link, #goto_site:active, #goto_site:visited{
		width: 184px;
		height: 57px;
		float: right;
		background: url(../images/goto_xjhedstudios.gif) no-repeat;
		margin-right: 5px;
	}

	#goto_site:hover{
		background: url(../images/goto_xjhedstudios_hover.gif) no-repeat;
	}

	#header_menu{
		width: 738px;
		height: 30px;
		float: left;
		margin-top: 5px;
		background: url(../images/header_menu_bg.gif) no-repeat center top;
		padding: 0 6px 0 6px;
	}

	#main_button:link, #main_button:active, #main_button:visited, 
	#clients_button:link, #clients_button:active, #clients_button:visited, 
	#reports_button:link, #reports_button:active, #reports_button:visited,
	#invoice_button:link, #invoice_button:active, #invoice_button:visited{
		height: auto;
		float: left;
		padding: 7px;
		text-decoration: none;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-weight: bold;
	}

	#main_button:hover, #clients_button:hover, #reports_button:hover, #invoice_button:hover{
		color: #333;
		background: #F9F9F9;
		-moz-opacity: .50; 
		opacity: .50;
	}

	#main_button:link, #main_button:active, #main_button:visited{
		width: 120px;
	}

	#clients_button:link, #clients_button:active, #clients_button:visited{
		width: 200px;
	}

	#invoice_button:link, #invoice_button:active, #invoice_button:visited{
		width: 152px;
	}

	#reports_button:link, #reports_button:active, #reports_button:visited{
		width: 200px;
	}

	#drop_menu{
		width: 215px;
		height: auto;
		float: left;
		padding: 1px 0 0 0;
		position: absolute;
		margin-top: 28px;
		margin-left: 138px;
		background: #EAEAEA;
		display: none;
		cursor: default;
	}

	#drop_menu a:link, #drop_menu a:visited, #drop_menu a:active{
		width: 205px;
		height: auto;
		float: left;
		padding: 5px 5px 5px 5px;
		font-size: 11px;
		text-decoration: none;
		cursor: default;
		margin-bottom: 1px;
		background: #CCCCCC;
		color: #666666;
	}

	#drop_menu a:hover{
		background: #666666;
		color: #CCCCCC;
	}

	.separator{
		width: 2px;
		height: 30px;
		float: left;
		background: url(../images/menu_separator.gif) no-repeat top;
	}

	.submenu:link, .submenu:active, .submenu:visited{
		width: 150px;
		height: auto;
		padding: 6px;
		text-decoration: none;
		color: #666666;
		background: #EAEAEA;
		float: left;
		margin-bottom: 1px;
	}

	.submenu:hover{
		color: #FFF;
		background: #CCCCCC;
	}

/* Content Styles */

	#content_container{
		width: 750px;
		height: auto;
		text-align: left;
	}

	#contents{
		width: 610px;
		height: auto;
		float: left;
		padding: 30px 70px 0 70px;
		-moz-opacity: .80; 
		opacity: .80;
	}

	.inner_container{
		width: 439px;
		height: auto;
		float: left;
		margin-bottom: 3px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.ic-top{
		width: 439px;
		height: auto;
		float: left;
	}

	.ict-1, .ict-3, .icb-1, .icb-3{
		width: 9px;
		height: 9px;
		float: left;
	}

	.ict-1{
		background: url(../images/main_con-tl.gif) no-repeat;
	}

	.icb-1{
		background: url(../images/main_con-bl.gif) no-repeat;
	}

	.ict-2, .icb-2{
		width: 421px;
		height: 8px;
		float: left;
		border-top: 1px solid #bbbbbb;
		background: #f6f6f6;
	}

	.icb-2{
		border-top: none;
		border-bottom:  1px solid #bbbbbb;
	}

	.ict-3{
		background: url(../images/main_con-tr.gif) no-repeat;
	}

	.icb-3{
		background: url(../images/main_con-br.gif) no-repeat;
	}

	.ic-content{
		width: 417px;
		height: auto;
		float: left;
		border-left: 1px solid #bbbbbb;
		border-right: 1px solid #bbbbbb;
		padding: 0 10px 0 10px;
		background: #f6f6f6;
	}

	.ic-bottom{
		width: 439px;
		height: auto;
		float: left
	}

	.ic-top-1{
		width: 439px;
		height: auto;
		float: left;
	}

	.ict-1-1, .ict-3-1, .icb-1-1, .icb-3-1{
		width: 9px;
		height: 9px;
		float: left;
	}

	.ict-1-1{
		background: url(../images/main_con-tl-1.gif) no-repeat;
	}

	.icb-1-1{
		background: url(../images/main_con-bl-1.gif) no-repeat;
	}

	.ict-2-1, .icb-2-1{
		width: 421px;
		height: 8px;
		float: left;
		border-top: 1px solid #cdcda5;
		background: #f9f9f2;
	}

	.icb-2-1{
		border-top: none;
		border-bottom:  1px solid #cdcda5;
	}

	.ict-3-1{
		background: url(../images/main_con-tr-1.gif) no-repeat;
	}

	.icb-3-1{
		background: url(../images/main_con-br-1.gif) no-repeat;
	}

	.ic-content-1{
		width: 417px;
		height: auto;
		float: left;
		border-left: 1px solid #cdcda5;
		border-right: 1px solid #cdcda5;
		padding: 0 10px 0 10px;
		background: #f9f9f2;
	}

	.ic-bottom-1{
		width: 439px;
		height: auto;
		float: left
	}

	.inner_container-wide{
		width: 605px;
		height: auto;
		float: left;
		margin-bottom: 3px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.ic-content-wide-left{
		width: 340px;
		height: auto;
		float: left;
		padding-right: 10px;
	}

	.ic-content-wide-right{
		width: 198px;
		height: auto;
		float: right;
		border-left: 1px dashed #CCC;
		padding-left: 10px;
	}

	.ic-top-wide{
		width: 605px;
		height: auto;
		float: left;
	}

	.ict-1-wide, .ict-3-wide, .icb-1-wide, .icb-3-wide{
		width: 9px;
		height: 9px;
		float: left;
	}

	.ict-1-wide{
		background: url(../images/main_con-tl.gif) no-repeat;
	}

	.icb-1-wide{
		background: url(../images/main_con-bl.gif) no-repeat;
	}

	.ict-2-wide, .icb-2-wide{
		width: 587px;
		height: 8px;
		float: left;
		border-top: 1px solid #bbbbbb;
		background: #f6f6f6;
	}

	.icb-2-wide{
		border-top: none;
		border-bottom:  1px solid #bbbbbb;
	}

	.ict-3-wide{
		background: url(../images/main_con-tr.gif) no-repeat;
	}

	.icb-3-wide{
		background: url(../images/main_con-br.gif) no-repeat;
	}

	.ic-content-wide{
		width: 583px;
		height: auto;
		float: left;
		border-left: 1px solid #bbbbbb;
		border-right: 1px solid #bbbbbb;
		padding: 0 10px 0 10px;
		background: #f6f6f6;
	}

	.ic-bottom-wide{
		width: 605px;
		height: auto;
		float: left
	}

	.hr-margin{
		margin: 3px 0 3px 0;
	}

	.title{
		color: #336666;
		font-size: 16px;
	}

	A.regular_links:link, A.regular_links:active, A.regular_links:visited{
		text-decoration: none;
		color: #387d56;
	}

	A.regular_links:hover{
		text-decoration: underline;
		color: #f08600;
	}

	.recent_updates{
		width: 546px;
		height: 225px;
		float: left;
		overflow-x: auto;
		overflow-y: scroll;
		border: 1px solid #CCCCCC;
		background: #FFF;
		padding: 6px;
		margin-top: 3px;
		text-align: justify;
	}

	.regular_text_td tr td{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		font-weight: bold;
	}

	.regular_text_td_norm tr td{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
	}

	.color_white{
		color: #FFFFFF;
	}

	.small_text{
		font-size: 10px;
	}

	.submenu:link, .submenu:active, .submenu:visited{
		width: 150px;
		height: auto;
		padding: 6px;
		text-decoration: none;
		color: #666666;
		background: #EAEAEA;
		float: left;
		margin-bottom: 1px;
	}

	.submenu:hover{
		color: #FFF;
		background: #CCCCCC;
	}

	.reply_c{
		width: 495px;
		height: auto;
		float: left;
		padding: 10px;
		font-size: 11px;
		border: 1px solid #CCCCCC;
		background: #EAEAEA;
		margin: 6px 0 5px 5px;
	}

	.reply_x{
		width: 495px;
		height: auto;
		float: left;
		padding: 10px;
		font-size: 11px;
		border: 1px solid #EAEAEA;
		background: #F5F5F5;
		margin: 6px 0 5px 5px;
	}

/* Footer Styles */

	#footer{
		width: 610px;
		height: auto;
		float: left;
		padding: 10px 70px 70px 70px;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;
		color: #666666
	}