/* CSS Document */

body          {
		background:#fff url(../images/assets/bkg.gif) repeat-y 50% 0; 
	font-family: "Trebuchet MS", Helvetica, Verdana;
	font-size: small;
}
body.bg_login_form         {
		font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; color: #000000;background:#bbbbbb;}
body.bg_photographer         {
		font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; color: #000000;background:#ffffff;}
pre, tt       {font-size: 12px}
th            {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; font-weight: bold;}
td            {
font-family: arial, helvetica, geneva, sans-serif; font-size: 12px;}
form          {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; margin:0; padding-left:0}
h1            {font-family: arial, helvetica, geneva, sans-serif; font-size: large; font-weight: bold}
A:link        {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; text-decoration: none; color: #C00; background-color: inherit;}
A:visited     {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; text-decoration: none; color: #C00; background-color: inherit;}
A:hover       {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; text-decoration: underline; color: #C00; background-color: inherit;}
A:link.nav    {font-family: arial, helvetica, geneva, sans-serif; color: #C00; background-color: inherit;}
A:visited.nav {font-family: arial, helvetica, geneva, sans-serif; color: #C00; background-color: inherit;}
A:hover.nav   {font-family: arial, helvetica, geneva, sans-serif; color: #C00; background-color: inherit;}
.nav          {font-family: arial, helvetica, geneva, sans-serif; color: #C00; background-color: inherit;}


.text_input_style	      {
		BORDER-RIGHT: #999999 1px solid; 
		BORDER-TOP: #999999 1px solid; 
		FONT-SIZE: 9pt; 
		BORDER-LEFT: #999999 1px solid; 
		BORDER-BOTTOM: #999999 1px solid; 
		FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
		background: #eeeeee;
		color : #000000;
}


.login_text_input {
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #666666 1px solid; 
	FONT-SIZE: 10pt; 
	BORDER-LEFT: #666666 1px solid; 
	BORDER-BOTTOM: #666666 1px solid;
	color:#000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #dddddd;
}

.title_style {
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#C00;
}

.textarea_input_style	      {
		BORDER-RIGHT: #999999 1px solid; 
		BORDER-TOP: #999999 1px solid; 
		FONT-SIZE: 9pt; 
		BORDER-LEFT: #999999 1px solid; 
		BORDER-BOTTOM: #999999 1px solid; 
		FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
		background: #eeeeee;
		color : #000000;
		overflow:auto;
}

.select_input_style {
		BORDER-RIGHT: #999999 1px solid; 
		BORDER-TOP: #999999 1px solid; 
		FONT-SIZE: 9pt; 
		BORDER-LEFT: #999999 1px solid; 
		BORDER-BOTTOM: #999999 1px solid; 
		FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
		background: #eeeeee;
		color : #000000;	
}

.cat_select_input_style{
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #eeeeee;
	color : #000000;
	width:400px;
}

.select {
		BORDER-RIGHT: #999999 1px solid; 
		BORDER-TOP: #999999 1px solid; 
		FONT-SIZE: 9pt; 
		BORDER-LEFT: #999999 1px solid; 
		BORDER-BOTTOM: #999999 1px solid; 
		FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
		background: #eeeeee;
		color : #000000;		
}

.button_input_style      {
		BORDER-RIGHT: #666666 1px solid; 
		BORDER-TOP: #eeeeee 1px solid; 
		FONT-SIZE: 9pt; 
		BORDER-LEFT: #eeeeee 1px solid; 
		BORDER-BOTTOM: #666666 1px solid; 
		FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
		color:#000000;
		background: #dddddd;
}

.menu_top_line {
	BORDER-TOP: #996600 2px solid;
}

.menu_bottom_line {
	BORDER-BOTTOM: #996600 2px solid;
}

.upper_line {
	BORDER-TOP: #a5a5a5 1px solid;
}

.bottom_line {
	BORDER-BOTTOM: #a5a5a5 1px solid;
}

.left_line {
	BORDER-LEFT: #a5a5a5 1px solid;
}

.right_line {
	BORDER-RIGHT: #a5a5a5 1px solid;
}

/* Normal state */
.menuItemFirst {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#996600;
	cursor:pointer;
	background-color:#ffffff;
	padding:4px 4px 4px 4px;
	width:auto;
 	border: 1px solid #990033;
}
.menuItem {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#996600;
	cursor:pointer;
	background-color:#ffffff;
	padding:4px 4px 4px 4px;
	width:auto;
	border-left: 1px solid #990033;
	border-right: 1px solid #990033;
	border-bottom: 1px solid #990033;
}
.menuItemLast {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#996600;
	cursor:pointer;
	background-color:#ffffff;
	padding:4px 4px 4px 4px;
	width:auto;
	border-left: 1px solid #990033;
	border-right: 1px solid #990033;
	border-bottom: 1px solid #990033;
}

/* On mouse over */
.menuItemFirstOver {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#996600;
	cursor:pointer;
	background-color:#c0c0c0;
	padding:4px 4px 4px 4px;
	width:auto;
 	border: 1px solid #990033;
}
.menuItemOver {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#996600;
	cursor:pointer;
	background-color:#c0c0c0;
	padding:4px 4px 4px 4px;
	width:auto;
	border-left: 1px solid #990033;
	border-right: 1px solid #990033;
	border-bottom: 1px solid #990033;
}
.menuItemLastOver {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#996600;
	cursor:pointer;
	background-color:#c0c0c0;
	padding:4px 4px 4px 4px;
	width:auto;
	border-left: 1px solid #990033;
	border-right: 1px solid #990033;
	border-bottom: 1px solid #990033;
}

/* submenus container */
.submenu {
	width:160px;
}


/*--------Main Menu----------*/
.mainMenu {
	color:#996600;
	background-color:inherit;
	font-weight:bolder;
	cursor:pointer;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size:12px;	
	width:auto;
	text-align:left;		
}


.title_color {
	background:#C00;
	color:#000000;
	font-size:10px;
}

.cell_color {
	background-color:#eeeeee;
	color:#000000;
}

.header_table_style {
	background-color:#C00;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	FONT-WEIGHT: bold;
}


.column_title_style {
	background-color:#CCCCCC;
	color:#000000;
	font-weight:bold;
}	

.even_style {
	background-color:#e0e0e0;
	color:#000000;
}

.odd_style {	
	background-color:#eeeeee;
	color:#000000;
}

.td_cell_color {
	background-color:#eeeeee;
	color:#000000;
}

.ok_style_even{
	color:#6666FF;
	background-color:#e0e0e0;	
}

.notok_style_even{
	color:#FF0000;
	background-color:#e0e0e0;	
}

.ok_style_odd{
	color:#6666FF;
	background-color:#eeeeee;	
}

.notok_style_odd{
	color:#FF0000;
	background-color:#eeeeee;	
}

.public_status_style_even {
	color:#3399FF;
	background-color:#e0e0e0;	
}

.private_status_style_even {   
	color:#FF0000;
	background-color:#e0e0e0;	
}

.hidden_status_style_even{
	color:#993333;
	background-color:#e0e0e0;
}

.public_status_style_odd {
	color:#3399FF;
	background-color:#eeeeee;	
}

.private_status_style_odd {   
	color:#FF0000;
	background-color:#eeeeee;	
}

.hidden_status_style_odd{
	color:#993333;
	background-color:#eeeeee;
}
/* Calendar CSS Document */

.ca_title{
	background:#a3c0f8;
	color:#000000;
	font-size:12px;
	font-weight:lighter;
}

.ca_current_day{
	background:#FF8000;
	color:#000000;
}

.ca_public{
	background:#F2C797;
	color:#000000;
}

.ca_private{
	background:#B0DBDA;
	color:#000000;
}

.ca_admin_customer{
	background:#FF9933;
	color:#000000;
}

.ca_invalid{
	background:#E3C6CE;
	color:#000000;
}

.ca_user_appointment{
	background:#C6D2DD;
	color:#000000;
}

/* css of crop images*/
	#imageContainer{
		margin:15px;
		left:0px;
		top:0px;
		position:relative;
	}
	.crop_dottedDiv{
		position:absolute;
		border:1px dotted #FF8000;
		z-index:10000;
	}
	
	.crop_dottedDiv div {	  				
		width:100%;
		height:100%;		
	}
	.public_style_even{
	color:#6699ff;
	background-color:#e0e0e0;
	}
	.private_style_even{
	color:#ff0000;
	background-color:#e0e0e0;
	}
	.hidden_style_even{
	color:#990000;
	background-color:#e0e0e0;
	}
	.public_style_odd{
	color:#6699ff;
	background-color:#eeeeee;
	}
	.private_style_odd{
	color:#ff0000;
	background-color:#eeeeee;
	}
	.hidden_style_odd{
	color:#990000;
	background-color:#eeeeee;
	}
	.status_complete_style_even{
	color:#6666ff;
	background-color:#e0e0e0;
	}
	.status_nocomplete_style_even{
	color:#ff0000;
	background-color:#e0e0e0;
	}
	.status_complete_style_odd{
	color:#6666ff;
	background-color:#eeeeee;
	}
	.status_nocomplete_style_odd{
	color:#ff0000;
	background-color:#eeeeee;
	}
	.writable_yes_style_even{
	color:#000000;
	background-color:#e0e0e0;
	}
	.writable_no_style_even{
	color:#ff0000;
	background-color:#e0e0e0;
	}
	.writable_yes_style_odd{
	color:#000000;
	background-color:#eeeeee;
	}
	.writable_no_style_odd{
	color:#ff0000;
	background-color:#eeeeee;
	}
	.bg_template{
	background-color:#ffffff;
	color:#000000;
	}
	.bottom_photographer{
	border-top:1px solid #5a5a5a;
	color:#ff8000;
	background-color:#FFFFFF;
	}
	.menu_photographer_style{
	color:#bbbbbb;
	}
#b-this {
	DISPLAY: block! important
}
.photographer_category_table_style{
border-bottom:1px solid #dddddd;
border-top:1px solid #dddddd;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
}	

.help_title {
	color:#7BCB40;
	font-size:18px;
	background-color: inherit;
}

.help_header {
	color:#7BCB40;
	font-size:14px;
	font-weight:bold;
	background-color: inherit;
}
.help_faq {
	color:#FF6600;
	background-color: inherit;
}

.photographer_menu_table_style {
	background-color: #ffffff;
	border:0px solid;
	padding:0px;
	border-spacing:0px;
	width:100%;
	text-align:center;
	height:35px;
	color:#000000;
}

.photographer_media_table_style {
	background-color: #ffffff;
	width:750px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_category_links_table_style {
	background-color: #ffffff;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_ftp_table_style {
	text-align:left;
}

.photographer_media_operation_table_style {
	background-color: #ffffff;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_add_new_media_table_style {
	background-color: #ffffff;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_media_detail_table_style {
	background-color: #ffffff;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_delete_confirm_table_style {
	background-color: #ffffff;
	width:500px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_download_file_table_style {
	background-color: #ffffff;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_download_file_table_style {
	text-align:left;
}

.photographer_reports_menu_table_style {
	background-color: #ffffff;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_current_order_table_style {
	background-color: #ffffff;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#5f5f5f;
}

.photographer_register_success_table_style {
	width:700px;
	text-align:left;
}

.photographer_login_table_style {
	text-align:left;
}

.photographer_forget_password_table_style {
	text-align:left;
}

.photographer_register_table_style {
	text-align:left;
}

.photographer_header_style {
	background:#eeeeee;
	text-align:left;
	color:#000000;
}

.photographer_bottom_line {
	border-bottom:1px solid #eeeeee;
}

.error_style {
	color:#FF0000;
	background-color: inherit;
}

/* layout template */
*
{
	margin: 0;
	padding: 0;
}

img {
		margin:0;
		padding:0;
		border:0;
}

#nonFooter
	{
		/*position: relative;*/
		min-height: 100%;
	}
	
* html #nonFooter
	{
		height: 100%;
	}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

html {
	background:#fff url(../images/assets/bkg.gif) repeat-y 50% 0; 
	padding-bottom: -60px;
	font-family: "Trebuchet MS", Helvetica, Verdana;
	font-size: small;
	/*line-height: 1.5em;
	height: 100%;*/	
}

#wrap
{
	width: 780px;
	margin: 0 auto;
	background: #fff;
	min-height: 100%;
	text-align: left;
	background: #fff;
}

#wraptwo
{
	width: 780px;
	margin: 0 auto;
	background: #fff;
	min-height: 100%;
	text-align: left;
	background: #fff url(../images/assets/wrap_bkg.gif) repeat-y top left;
}

* html #wrap
{
	height: 100%;
}

* html #wraptwo
{
	height: 100%;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

p {
margin: 0 1em 1em 0em;
line-height: 1.5em;
size: medium;
color:#003300;
}
	
/* Header Navigation*/
#header {
		background: #c3270d url(../images/assets/topbkg.gif) repeat-x;
		height: 92px;
		padding: 0px 10px 0 10px;
	}
#logo {
	float: left;
	padding:0px;
	margin:0px;
	width: 300px;
	}
h1#toplogo, h1#toplogo a {
	display:block;
	margin:0px;
	padding: 0px;
	overflow: hidden;
	width:229px;
	height: 92px;
	clip:rect(0, 229px, 92px, 0);
}

h1#toplogo a {
	padding: 102px 0 0 0;
	background: transparent url(../images/assets/logo.gif) no-repeat top left;
	height: 0px !important;
	height /**/:102px;
}

/* navigation top */
#tabletop {
background:url(../images/assets/bottombar.gif) repeat-x bottom left; 
line-height:40px;
}

.tablespace {
height: 50px;}

.tablespace2 {
height: 30px;}

#liner {
margin: 0;
background:url(../images/assets/bottombar.gif) repeat-x top left; 
padding: .8em 0 .8em 0;
}
/* Top Navigation*/ 

	#nav {
		background: url(../images/assets/sec_nav_bkg.gif) repeat-x top left;
		margin:0;
		padding:10px 0 0 0;	
		width:780px;
		float: left;	
	}
	#nav a:link{color:#bbbbbb}	
	#nav a:visited{color:#bbbbbb}
	#nav a:hover{color:#ffffff}
	
/* Main Text */

#content
{
	padding: 0 0 80px 0;
	margin: 0px;
	width: 780px;
}

	#main {	
	float: left;
	background:#fff;
	margin: 25px 25px 0 25px;
	padding-top: 5px;
	padding-bottom: 56px;
	width:94%;
	}
	
/* Footer */

#footer
{
	height: 53px;
	width: 780px;
	background: #000 url(../images/assets/footer_bkg.gif) repeat-x bottom left;
	/*position: relative;*/
	margin: -53px auto 0 auto;
	font-size: small;
	color: #fff;
	text-align: right;
			}
		
* html #footer
	{
		margin-top: -53px;
	}
		
#footer p {
	padding: 10px;
	font-size: small;
	color: #fff;
}