BODY {
	background:#428e62;
	background-attachment:fixed;
	background-position: top left;
	background-repeat: no-repeat;
	background-repeat:repeat-x;
    text-align: center;

}


/* kind of font and size relating to the basic tags */
TD {

	FONT:  14px 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;
}

pre 
{
    white-space: pre-wrap;
}

/* 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;"
}



		.accordion_toggle {
			display: block;
			height: 25px;
			width: 170px;
			background: url(../images/tab_bar.png) ;

			line-height: 20px;
			padding-left:5px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #ffffff;
			border-bottom: 1px solid #666666;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.accordion_toggle_active {
			background: url(../images/tab_bar_selected.png) ;
			color: #000000;
			border-bottom: 1px solide #888888;
		}

		.accordion_content {
			background-color: #eeeeee url(../images/back.jpg) ;
			color: #888888;
			overflow: hidden;
			width:165px;
				padding-left:5px;
				padding-right:5px;
		}



		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;

			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}




    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }

/* Form  */


input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 18px rgba(82, 168, 236, 0.8);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 18px rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 18px rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

}


.form_sub_title
{
    font-size:20px;


}



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

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

.textbox_l{
  border:1px solid #aaaaaa;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#ffffdd;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:400px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: inset 0px 0px 4px #ccc;
    -webkit-box-shadow: inset 0px 0px  4px #ccc;
    box-shadow: inset 0px 0px  4px #ccc;

}


.textbox_l_error {
  border:1px solid #ff0000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFDDDD;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:200px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: inset 0px 0px 3px #c00;
	-webkit-box-shadow: inset 0px 0px  3px #c00;
	box-shadow: inset 0px 0px  3px #c00;
}


.textbox_xl {
  border:1px solid #aaaaaa;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#ffffff;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:400px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: inset 0px 0px 4px #ccc;
    -webkit-box-shadow: inset 0px 0px  4px #ccc;
    box-shadow: inset 0px 0px  4px #ccc;

}

.textbox_xl_error {
  border:1px solid #FF0000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFDDDD;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:400px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: inset 0px 0px 3px #c00;
	-webkit-box-shadow: inset 0px 0px  3px #c00;
	box-shadow: inset 0px 0px  3px #c00;

}

.textbox_m_title {
  border:0px solid #000000;
  padding: 1px 1px 1px 1px;
  font-family:arial;
  font-size:12px;
  width:120px;
  color:#333333;
  overflow: hidden;
}

.textbox_m {
  border:1px solid #aaaaaa;
  padding: 1px 1px 1px 1px;
  height:22px;
  background: #ffffdd;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:120px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: inset 0px 0px 4px #ccc;
  -webkit-box-shadow: inset 0px 0px  4px #ccc;
  box-shadow: inset 0px 0px  4px #ccc;
}

.textbox_m_error {
  border:1px solid #FF0000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFDDDD;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:120px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: inset 0px 0px 3px #c00;
	-webkit-box-shadow: inset 0px 0px  3px #c00;
	box-shadow: inset 0px 0px  3px #c00;

}

.textbox_s_title {
  border:0px solid #000000;
  padding: 1px 1px 1px 1px;
  font-family:arial;
  font-size:12px;
  width:68px;
  color:#333333;
  overflow: hidden;
  text-align: center;
}

.textbox_s {
  border:1px solid #aaaaaa;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#ffffdd;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:68px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow: inset 0px 0px 4px #ccc;
    -webkit-box-shadow: inset 0px 0px  4px #ccc;
    box-shadow: inset 0px 0px  4px #ccc;
}

.textbox_s_error {
  border:1px solid #FF0000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFDDDD;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:60px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: inset 0px 0px 3px #c00;
	-webkit-box-shadow: inset 0px 0px  3px #c00;
	box-shadow: inset 0px 0px  3px #c00;

}

.textbox_s_warning {
  border:1px solid #cd7707;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#fff3d7;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  width:60px;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;
}

.dropdown {
  border:1px solid  #aaaaaa;

  height:22px;
  font-family:arial;
  background-color:#ffffdd;
  font-size:11px;
  font-weight: bold;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow: inset 0px 0px 4px #ccc;
    -webkit-box-shadow: inset 0px 0px  4px #ccc;
    box-shadow: inset 0px 0px  4px #ccc;
}

.dropdown_error {
  border:1px solid #FF0000;

  height:22px;
  font-family:arial;
  background-color:#FFDDDD;
  font-size:11px;
  font-weight: bold;
  color:#333333;
  -mox-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: inset 0px 0px 3px #c00;
	-webkit-box-shadow: inset 0px 0px  3px #c00;
	box-shadow: inset 0px 0px  3px #c00;
}

.textarea_minimize {
  	border:1px solid  #aaaaaa;
   	padding: 1px 1px 1px 1px;
  	height:22px;
  	width:320px;
  	font-family:arial;
  	font-size:11px;

	font-weight: bold;
	background-color:#ffffff;
	color:#333333;
	-mox-border-radius:3px;
	border-radius:3px;
}

.textarea {
  	border:1px solid  #aaaaaa;
   	padding: 1px 1px 1px 1px;
  	height:60px;
  	width:400px;
  	font-family:arial;
  	font-size:11px;
	font-weight: bold;

	background-color:#ffffff;
	color:#333333;
	-mox-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: inset 0px 0px 4px #ccc;
	-webkit-box-shadow: inset 0px 0px  4px #ccc;
	box-shadow: inset 0px 0px  4px #ccc;
 }

.textarea_error {
  	border:1px solid #FF0000;
   	padding: 1px 1px 1px 1px;
  	height:60px;
  	width:400px;
  	font-family:arial;
  	font-size:11px;
	font-weight: bold;
	background:#FFDDDD ;
	color:#333333;
	-mox-border-radius:3px;
	  border-radius:3px;


	-moz-box-shadow: inset 0px 0px 3px #c00;
	-webkit-box-shadow: inset 0px 0px  3px #c00;
	box-shadow: inset 0px 0px  3px #c00;

}

.upload {
  border:1px solid #aaaaaa;
  padding: 1px 1px 1px 1px;
  height:22px;
   font-family:arial;
  font-size:11px;
  font-weight: bold;
  color:#00ccff;
  -mox-border-radius:3px;
  border-radius:3px;

}
.upload_error {
  border:1px solid #FF0000;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:#FFAAAA;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
  -mox-border-radius:3px;
  border-radius:3px;
}



.checkbox {
  background-color:#333333;
   border:solid 1 #888888;
  font-family:arial;
  font-size:11px;
  font-weight: bold;
}

.checkbox_error {
  background:#FFAAAA;
  background-color:#FFFFFF;
   border:solid 1 #FF0000;
  font-family:arial;
  font-weight: bold;
  font-size:11px;
}



.radiobutton {
  background-color:#FFFFFF;
   border:solid 1 #aaaaaa;
  font-family:arial;
  font-weight: bold;
  font-size:11px;
}
.radiobutton_error {
  background:#FFAAAA;
   border:solid 1 #FF0000;
  font-weight: bold;
  font-family:arial;
  font-size:11px;
}

.field_hints
{
    visibility:hidden;
    color:rgba(82, 168, 236, 0.8);
    font-weight: bold;
    font-size:9px;
}
.field_hints_focus
{
    color:rgba(82, 168, 255, 0.8);
    font-weight: bold;
    font-size:9px;
}


.button {
  cursor:pointer;
  border:solid 1px #cccccc;
  color:#222222;
  font-weight:none;
  padding:3px 4px;
  font-family:helvetica;
  background:#888888 url(../images/button.png);
  font-family:eurostile,arial;
  font-weight: bold;
  font-size:14px;
  min-width: 60px;
  -mox-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow: 0px 0px 1px #ccc;
  -webkit-box-shadow: 0px 0px 1px #ccc;
  box-shadow: 0px 0px 1px #ccc;

  -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;



}

.button_blue {
  cursor:pointer;
  border:solid 1px #3079ed;
  color:#ffffff;
  font-weight:none;
  padding:3px 4px;
  font-family:helvetica;
  font-weight: bold;
  background:#4a8cf7;
  font-family:eurostile,arial;
  font-size:14px;
  min-width: 60px;
  -mox-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow: 0px 0px 1px #ccc;
  -webkit-box-shadow: 0px 0px 1px #ccc;
  box-shadow: 0px 0px 1px #ccc;


  -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
}

.button_green {
  cursor:pointer;
  border:solid 1px #3079ed;
  color:#000000;
  font-weight:none;
  padding:3px 4px;
  font-family:helvetica;
  font-weight: bold;
  background:#eeee00;
  font-family:eurostile,arial;
  font-size:14px;
  min-width: 60px;
  -mox-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow: 0px 0px 1px #ccc;
  -webkit-box-shadow: 0px 0px 1px #ccc;
  box-shadow: 0px 0px 1px #ccc;


  -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
}


.button_red {
  cursor:pointer;
  border:solid 1px #ff7777;
  color:#ffffff;
  font-weight:none;
  padding:3px 4px;
  font-family:helvetica;
  background:#d64937;
  font-family:eurostile,arial;
  font-size:14px;
  font-weight: bold;
  -mox-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow: 0px 0px 1px #ccc;
  -webkit-box-shadow: 0px 0px 1px #ccc;
  box-shadow: 0px 0px 1px #ccc;


  -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
}


.button_disable {
  cursor:pointer;
  border:solid 1px #aaaaaa;
  color:#bbbbbb;
  font-weight:none;
  font-weight: bold;
  padding:3px 4px;
  font-family:eurostile,arial;
  background:#dddddd;
  font-family:arial;
  font-size:14px;
  -mox-border-radius:3px;
  border-radius:3px;

}

.button:hover{

    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.button_blue:hover{

    color: #fff;
    border-color: #0000FF;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.button_red:hover{

    color: #fff;
    border-color: #ff0000;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}




.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:  13px eurostile, 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: #000000;
  	font-weight:bold;
	TEXT-DECORATION: strong;
}

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

	font-size: 12px;

	color: #000;

}


.form_panel{
	margin-left: 10px;
	top: 100px;
	padding: 2px 4px 2px 4px;
	width:1100px;
	height:auto;
	overflow:auto;
	font-size: 12px;
	border:solid 1px #cccccc;
	position:absolute;
	color: #000;
	z-index: 50;
        background:#f8f8f8 fixed ;
        -moz-box-shadow: 0px 0px 8px #ccc;
	-webkit-box-shadow: 0px 0px 8px #ccc;
	box-shadow: 0px 0px 8px #ccc;
}

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

.iframe_sub_item
{
	padding:0px 0px 0px 0px;
	width:750px;
	height:400px;

	border:1px solid #cccccc;

}


/* Form End */


/*  Page Title */

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

.main_side_menu {
  border:1px solid #cccccc;
  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;

}

.framework_shadow{

	/*
	filter:shadow(strength=-1,direction=135);
	*/
}

/*  Page Title */



.header_info_table {
 width:800px;
  border:1px solid #cccccc;
 background:#7091b4;
}

.header_info_tr{
background:#7091b4;
}


.header_info_cell{

background:#7091b4;

}




.listing_table {
	width:90%;
	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:600px;
height:500px;
background:#ffffff;
border:1px solid #cccccc;
visibility:hidden;
overflow:auto;

}

.whiteColor
{
    background-color: #FFFFFF;
}
.blackColor
{
    background-color: #000000;
}
.greenColor
{
    background-color: #33CC33;
}
.redColor
{
    background-color: #E60000;
}