BODY {
	background:#426299;
	background-image: url("../images/backcolor.jpg");
	background-attachment:fixed;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
    text-align: center;

}

/* kind of font and size relating to the basic tags */
TD
{
	FONT:  10px verdana, arial, helvetica, sans-serif;
	COLOR: #333333;
}

P
{
	FONT:  10px verdana, arial, helvetica, sans-serif;
	COLOR: #333333;
}

DIV
{
	FONT:  10px verdana, arial, helvetica, sans-serif;
	COLOR: #333333;

}

HR
{
border:solid 1px #ffffff;
border-top:solid 1px #cccccc;
}


/* property of basic hyperlinks*/
A {
	COLOR: #7091b4;
	CURSOR: hand;
	FONT: 11px verdana, arial, helvetica, sans-serif;
	TEXT-DECORATION: none;
}

A:hover
{
	COLOR: #7091b4; TEXT-DECORATION: none
}

A:active
{
	COLOR: #7091b4
}


.loading_panel
{
	background:#333333;
	border:solid 1px #333333;
	width:100%;
	height:100%;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;"
}



.compulsory_note
{
	COLOR: #aa0000;
	TEXT-DECORATION: strong;
}


.textbox_qty {
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:18px;
  background:#ffffff;
  font-family:arial;
  font-size:11px;
  width:30px;
  color:#333333;
}

.textbox_l_blue
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#EEEEFF;
  font-family:arial;
  font-size:11px;
  width:200px;
  color:#333333;
}

.textbox_l
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#ffffff;
  font-family:arial;
  font-size:11px;
  width:200px;
  color:#333333;
}

.textbox_l_title
{
  border:0px solid #000000;
  padding: 1px 1px 1px 1px;
  font-family:arial;
  font-size:10px;
  width:200px;
  color:#333333;
  overflow: hidden;
}

.textbox_l_error
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFAAAA;
  font-family:arial;
  font-size:11px;
  width:200px;
  color:#333333;
}

.textbox_xl
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#ffffff;
  font-family:arial;
  font-size:11px;
  width:600px;
  color:#333333;
}

.textbox_xl_error
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFAAAA;
  font-family:arial;
  font-size:11px;
  width:600px;
  color:#333333;
}

.textbox_m
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background: #ffffff;
  font-family:arial;
  font-size:11px;
	width:120px;
	color:#333333;
}

.textbox_m_error
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFAAAA;
  font-family:arial;
  font-size:11px;
  width:120px;
  color:#333333;
}

.textbox_s_title
{
  border:0px solid #000000;
  padding: 1px 1px 1px 1px;
  font-family:arial;
  font-size:10px;
  width:58px;
  color:#333333;
  overflow: hidden;
}

.textbox_s
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#ffffff;
  font-family:arial;
  font-size:11px;
  width:60px;
  color:#333333;
}

.textbox_s_error
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFAAAA;
  font-family:arial;
  font-size:11px;
  width:60px;
  color:#333333;
}

.textbox_s_blue
{
  border:1px solid #000000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#EEEEFF;
  font-family:arial;
  font-size:11px;
  width:60px;
  color:#333333;
}

.dropdown
{
  border:1px solid  #000000;
  padding: 0px 0px 0px 0px;
  height:20px;
  font-family:arial;
  background-color:#ffffff;
  font-size:11px;
  color:#333333;
}

.dropdown_error
{
  border:1px solid #FF0000;
  padding: 0px 0px 0px 0px;
  height:20px;
  font-family:arial;
  background-color:#FFAAAA;
  font-size:11px;
  color:#333333;
}

.textarea
{
  	border:1px solid  #888888;
   	padding: 1px 1px 1px 1px;
  	height:100px;
  	width:220px;
  	font-family:arial;
  	font-size:11px;

    background-color:#ffffff;
    color:#333333;
}

.textarea_error
{
  	border:1px solid #FF0000;
   	padding: 1px 1px 1px 1px;
  	height:100px;
  	width:220px;
  	font-family:arial;
  	font-size:11px;
	background:#FFAAAA ;
	color:#333333;

}

.button
{
  cursor:pointer;
  border:solid 1px #888888;
  color:#33333;
  font-weight:none;
  padding: 2px 2px;
  font-family:helvetica;
  background:#888888 url(../images/button.png);
  font-family:arial;
  font-size:10px;
}

.button_red
{
  cursor:pointer;
  border:solid 1px #998888;
  color:#33333;
  font-weight:none;
  padding: 2px 2px;
  font-family:helvetica;
  background:#ffaaaa ;
  font-family:arial;
  font-size:10px;
}

.form_suggest_box
{

	position:absolute;
	background:#333333;
	border:1px solid #000000;
	width:200px;
	height:300px;
	overflow:auto;
	visibility:hidden;

}

.title_table
{
  	margin: 0px;
	width:550px;
	border:solid 1px #FFFFFF;
	font-size: 12px;
	background: #FFFFFF;
	color: #000;

}


.form_label
{
  	FONT:  12px verdana, arial, helvetica, sans-serif
  	width:200px;
}

.form_label_compulsory
{
  	FONT:  11px verdana, arial, helvetica, sans-serif;

  	COLOR: #333333;
	TEXT-DECORATION: strong;
}

.form_title
{
  	FONT:  16px verdana, arial, helvetica, sans-serif
  	font-family:arial;
  	COLOR: #7091b4;
  	font-weight:bold;
	TEXT-DECORATION: strong;
}

.form_table
{
  margin: 0px;
	padding: 2px 4px 2px 4px;
	width:98%;
	height:100px;

	font-size: 12px;

	color: #000;

}


.form_panel{
	margin-left: 10px;
	padding: 2px 4px 2px 4px;
	width:900;
	height:76%;
	overflow:auto;
	font-size: 12px;
	border:solid 1px #cccccc;
	position:fixed;
	color: #000;
	z-index: 50;
	background:#ffffff url(../images/back.jpg);
}

.form_panel_full{
	margin-left: 10px;
	padding: 2px 4px 2px 4px;
	width:1100px;
	height:76%;
	overflow:auto;
	font-size: 12px;
	border:solid 1px #cccccc;
	position:fixed;
	color: #000;
	z-index: 50;
	background:#ffffff url(../images/back.jpg);
}

.upload_iframe
{
	padding:0px 0px 0px 0px;
	width:260px;
	border:none;
	overflow:hide;
	border:1px solid #cccccc;
}


.main_my_panel
{
  border:1px inset #aaaaaa;
  background:#FFFFFF;
}

.main_content {
 border:1px solid #cccccc;
 border-top:0px solid #EFEFEF;
 padding 0px 0px;
 background:#ffffff;
}


.message_box_green
{
  	right: 20px;
  	bottom: 20px;
	padding: 2px 4px 2px 4px;
	width:500px;
	height:140px;
	border:solid 1px #333333;
	font-size: 11px;
	background:#00AA00 url(../images/msg_bg_success.png);
	position:absolute;
	color: #ffffff;
	z-index: 100;
		filter:shadow(strength=-1,direction=135);
}

.message_box_red
{
  	right: 20px;
  	bottom: 20px;
	padding: 2px 4px 2px 4px;
	width:400px;
	height:140px;
	border:solid 1px #333333;
	font-size: 11px;
	background:#FF0000  url(../images/msg_bg_fail.png);
	position:absolute;
	color: #ffffff;
	z-index: 100;
	overflow:auto;
}


.toggler
{
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}

.element
{

}

.element p
{
	margin: 0;
	padding: 4px;
}

.float-right
{
	padding:10px 20px;
	float:right;
}

blockquote
{
	text-style:italic;
	padding:5px 0 5px 30px;
}


.framework_tab_1
{
	border:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.framework_tab_2
{
	border:1px solid #cccccc;
	border-bottom:0px solid #ffffff;
	background:#ffffff url(../images/tab_bar_selected.png);
	cursor:pointer;
}


.framework_tab_3
{
	border:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
}


.framework_tab_4
{
	border:0px solid #cccccc;
	background:#000000 url(../images/tab_bar.png);
	cursor:pointer;
}

.framework_tab_4 A
{
	font:#ffffff;
}

.framework_tab_5
{
	border:0px solid #cccccc;
	border-bottom:1px solid #cccccc;

}


.listing_table
{
	width:98%;
	border:0px solid #cccccc;
	background:#ffffff;
}

.listing_header
{

 background:#ffffff;
}

.listing_header_cell
{

 border-top:1px solid #ffffff;
 border-bottom:1px solid #ffffff;
 border-left:0px dashed #ffffff;
 border-right:1px dashed #ffffff;
 background:#555555;
 color:#eeeeee;

}

.listing_header_cell_action
{

 border-top:1px solid #ffffff;
 border-bottom:1px solid #ffffff;
 border-left:0px dashed #ffffff;
 border-right:0px dashed #ffffff;
 background:#555555;
color:#eeeeee;

}

.listing_header_cell_action A{
 color:#eeeeee;
}
.listing_header_cell_td{
 color:#eeeeee;
}




.listing_content_cell{

 border-top:1px solid #cccccc;
 border-bottom:0px solid #cccccc;
 border-left:0px dashed #cccccc;
 border-right:1px dashed #cccccc;
 cursor:hand;

}


.listing_content_cell_action{

 border-top:1px solid #cccccc;
 border-bottom:0px solid #cccccc;
 border-left:0px dashed #cccccc;
 border-right:0px dashed #cccccc;


}


.listing_content_cell_action A{

  cursor:pointer;
  border:solid 1px #888888;
  color:#000000;
  font-weight:none;
  padding: 2px 4px;
  font-family:helvetica;
  background:#888888 url(../images/button.png);
  font-family:arial;
  font-size:12px;

}

.listing_row_highlight{

 border-top:0px solid #000000;
 border-bottom:0px solid #00ccff;
 border-left:0px solid #00ccff;
 border-right:0px solid #00ccff;
 background:#eeeeee;

}

.listing_top_row{

 border-top:0px solid #cccccc;
 border-bottom:0px solid #cccccc;
 border-left:0px dashed #cccccc;
 border-right:0px dashed #cccccc;
 background:#000000;


}

.listing_bottom_row{

 border-top:1px solid #cccccc;
 border-bottom:0px solid #cccccc;
 border-left:0px dashed #cccccc;
 border-right:0px dashed #cccccc;
 background:#ffffff;


}




.thumbnail_panel{

 border-top:0px solid #cccccc;
 border-bottom:0px solid #cccccc;
 border-left:0px dashed #cccccc;
 border-right:0px dashed #cccccc;
 background:#ffffff;

}

.thumbnail_panel_table
{

 border-top:0px solid #cccccc;
 border-bottom:0px solid #cccccc;
 border-left:0px dashed #cccccc;
 border-right:0px dashed #cccccc;
  padding: 10px 10px 10px 10px;
 background:#ffffff;

}

.thumbnail_img_cell
{
	width:100px;
	background:#ffffff;
}

.thumbnail_img
{
	width:100px;
	padding: 2px 2px 2px 2px;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	cursor:hand;
}


.display_panel
{
	position:absolute;
	width:800px;
	height:500px;
	background:#ffffff;
	border:1px solid #cccccc;
	visibility:hidden;
	overflow:auto;
}