/*--- Global */
.nojs {margin:1em; border:1px solid #f00; padding:.5em; color:#f00; text-align:center;}
.hide {display:none;}
.show {display:block;}
.clear {clear:both;}
.txtalign {text-align:right;}
.txtcenter {text-align:center;}
.txtantialign {text-align:left;}
.align {float: right;}
.antialign {float: left;}
.dir {direction: rtl}
.ltrforce {direction: ltr}
.txtcapitalize {text-transform: capitalize}
.txtlow {text-transform: lowercase}
.lblValue {display: block; margin-top: .2em; border: solid 1px #f00}
.nonbold {font-weight: normal;}
.bold {font-weight: bold;}
.pointer {cursor: pointer;}
/* End Global ---*/

/*--- Standard Element */

body
{
	margin:0 0 -1em;padding:0;color:#333; background:#fff;font-family:tahoma,sans-serif;font-size:75%;
}

input, select, textarea
{
	font-family:tahoma,sans-serif; font-size:1.1em;
}

input, textarea 
{
	padding: 1px;
}

/*label {display:block;}*/

big,body,small
{
	line-height:1.2em;
}

a img {border:0;}

h1,h2,h3,h4,h5,h6{line-height: 1.5em;margin:0}
h1 {color:#ffffff;font-size:1.8em;}
h2 {color:#ffffff;font-size:1.5em;}
h3 {color:#ffffff;font-size:1.333em;}
h4 {color: #ffffff;font-size:1.167em;}
h5 {color: #ffffff;font-size:1em;}
h6 {color: #ffffff;font-size:1em;}

/*table {border-collapse:collapse;}*/

a:link {
	color : #000000; text-decoration: none;
}
a:visited {
	color : #000000; text-decoration: none;
}
a:hover {
	color : #FF0000; text-decoration: none;
}
a:active {
	color : #000000; text-decoration: none;
}

fieldset
{
	border: solid px #08c;
	padding: .5em;
	margin-top: -1.2em;
}

legend
{
	font-weight: bold;
	font-size: 1.5em;
	color: #07d;
	padding: .8em 0;
}

.fieldset_sub1
{
	border: solid 1px #79f;
	/*padding: -1em .5em .5em;*/
	margin: -1.2em 0 1.2em;
	font-size: .9em;
}

.legend_sub1
{
	font-weight: bold;
	font-size: 1.2em;
	color: #59e;
	padding: .8em 0;
}

/* End Standard Element ---*/


/*--- Object */
.btn{
	padding: 0 1em .1em;
}

.btn_fix
{
	width: 10em;
	padding: 0 1em .1em;
	text-align: center;
}

.btn_fit{
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	text-align: center;
}

.btn_little{
	padding-left: 2em;
	padding-right: 2em;
	width: 8em;
	text-align: center;
}

.tbx, .tarea, .tbx_fail{ 
	width: 13em;
}

.tbx_half
{
	width: 6.5em;
}

.tbx_fail
{
    border: solid 2px #f00;
}

.ddl_fit
{
	width: 100%;
}

.ddl_fix
{
	width: 13.3em;
}

.elm_disabled
{
	background-color: #ccc;
}

/*--- This section is just for RTL */
.chlItem input
{
	float: right;
}

.chlItem label
{
	float: right;
	margin-top: .3em;
}
.chlItem_ltr input
{
	float: left;
}

.chlItem_ltr label
{
	float: left;
	margin-top: .3em;
}
/* END ---*/

/* End Object ---*/

/*--- text & message */
.neutral{
	color : #006699/*user labale*/
}

.special{
	color : #800;
}

.distinct{
	color: #1A4ED2;
}

.distinct_weak{
	color: #1EA4DC;
}

.distinct_area
{
	background-color: #F3FBFE;
}

.dd_area
{
	background-color: #A7ABFF;
}

.light{
	color : #240;
	border-color: #red;
}

.weak{
	color : #666666;
}

.tiny
{
	font-size: .7em;
}

.small,.tdsubaction, div.corpus{
	font-size: .9em;
}

.s, .ss{
	color: #080;
}

.s_weak
{
	color: #56C156;
}

.f, .ff, .validator
{
	color: #f00;
}

.w, .ww{
	color: #f80;
}

.ss, .ff , .ww{
	font-weight: bold;
}

.s_area
{
	border-color: #080;
	background-color: #efe;
}

.ss_area
{
	background-color: #7BE27B;
}

.f_area
{
	border-color: #f00;
	background-color: #fff4f4;
}

.w_area
{
	border-color: #f80;
	background-color: #ffe;
}

.ww_area
{
	background-color: #FFE27C;
}

.weak_area
{
	border-color: #999;
	background-color: #F9F9F9;
}

.s_message1, .s_message2
{
	color: #080;
	border-color: #080;
	background-color: #efe;
	background-image: url(../image/panel/icon/success.gif);
}

.f_message1, .f_message2
{
	color: #f00;
	border-color: #f00;
	background-color: #fff4f4;
	background-image: url(../image/panel/icon/error.gif);
}

.w_message1, .w_message2
{
	color: #f80;
	border-color: #f80;
	background-color: #ffe;
	background-image: url(../image/panel/icon/warning.gif);
}

.d_message1 /* "d" is short of data */
{
	padding: 2em;
	border: dotted 2px;
	margin: .3em;
	border-color: #666;
	background-color: #FDFEEB;
}

.message1, .message2
{
	padding: .6em 2.5em;
	border-width: 1px;
	font-weight: bold;
	border-style: solid;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	background-repeat: no-repeat;
	background-position: right center;
}

.message2 /*-- It's page message --*/
{
	margin: 0 0 .3em;
}

.message1 /*-- It's form message --*/
{
	margin: .3em;
}

.confirm
{
	margin: 0 0 .3em;
	border-color: #f80;
	background-color: #ffe;
	padding: .6em 2.5em;
	border-width: 1px;
	/*font-weight: bold;*/
	border-style: solid;
	border-bottom-width: 3px;
	/*border-bottom-style: solid;*/
	background-image: url(../image/panel/icon/warning.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 2em;
	color: #f80;
}

.data_area
{
	padding: 2em;
	border: solid 1px;
	border-color: #666;
	background-color: #FDFEEB;
	height: 100%;
}

.comment_area
{
	border: solid 1px;
	border-color: #666;
	background-color: #FDFEEB;
}

/* end text & message ---*/

/* Default Page ---------------------------------------------------------------------------------------*/

#page {margin:0 auto; min-width: 1000px; background-color: #fff;}

#container {direction: rtl; background-color: #fff;}

#header {background: url(../image/panel/header/bg_align.gif) repeat-x; height:40px; background-color: #fff; width: auto; overflow: hidden; border-bottom-style: solid;}
#header .align {height: 100%; width: 25%; padding: 0 .3em;}
#header .antialign{background: url(../image/panel/header/bg_antialign_rtl.gif) no-repeat left top; height: 100%; width: 50%; max-width: 70%; padding: 0 .3em; font-size: .9em;}

#content
{
	height: 100%;
	overflow: hidden;
	padding: 4px;
}

#menu
{	
	min-height: 300px;
	margin-left: 4px;
}

#menu ul
{
	list-style-type: none;
	margin: .2em;
	padding: 0;
}

#menu ul li
{
	margin:.3em;
}

#body
{
	min-height: 500px;
}

#footer
{
	border-top: solid 1px #ccc;
	font-size: .8em;
	color: #ccc;
	text-align: center;
}

/* Main Page -----------------------------------------------------------------*/

#title
{
	border-bottom-style: solid;
	background: #fff url(../image/panel/frame/title.gif) repeat-x;
	padding: 0 5px 0;
}

/* End Main Page ---*/

/* User Control Page ---------------------------------------------------------------------------------*/
/* Core ---------------------------------------------------------------------------------*/
#core
{
	background-color: #fff;
	padding: .3em;
}

#top
{
	margin: .8em 0;
	/*border: solid 3px #900;*/
	/*margin-bottom: .5em;*/
}

#top .special
{
	font-weight: bold;
}

#top, .datapart, .labelpart, .linkpart
{
	height: 100%;
	overflow: hidden;
}

.datapart, .title, .comment .caption, .tbx, .tbx_half, .tarea, .ddl, #wrapper, 
#menu, #title, #header, .grid, .grid_alt, .grid_header, .grid_footer, .grid_body,
.grid_item, .grid_groupbutton_frame, .linkpart, .border, .hline3, .BlockHead
{
	border-color: #999999;
	border-width: 1px
}

.labelpart .title
{
	background-color: Transparent;
}

.datapart, .tbx, .tarea, .tbx_half, .ddl, #wrapper, #menu, .linkpart,
.grid_groupbutton_frame, .border
{
	border-style: solid;
}

.datapart, .labelpart
{
	margin-top: .3em;
}

#top .align
{
	width: auto;
	padding-left: .5em;
}

#top .antialign
{
	width: auto;
	text-align: left;
}

.title
{
	border-bottom-style: dashed;
	background-color: #eee;
	padding: 0 .5em;
}

.BlockHead
{
	border-bottom-style: solid;
	background: #fff url(../image/panel/frame/title.gif) repeat-x;
	padding: 0 5px 0;
}

.body
{
	overflow: hidden;
	height: 100%;
	padding: .1em;
	/*border: solid 3px #8ff;*/
}

.data
{
	width: 68%;
	/*border: solid 3px #800;*/
}

.linkpart
{
	margin-bottom: 1em;
	padding: .5em;
}

/* DataSet & LabelSet ---------------------------------------------------------------------------------*/
/* These elemens will use for DIV instead of table if is need and can be remove. at this time is used for signin page only.*/
.dataset
{
	width: 100%;
	padding: 0;
	margin: 1em auto;
	overflow: hidden;
	/*border: solid 3px #090;*/
}

.dataset .row
{
	height: 3.5em;
	/*border: solid 3px #0ff;*/
}

.dataset .rown
{
	height: 2em;
	/*border: solid 3px #0ff;*/
}

.dataset .label
{
	width: 30%;
	text-align: left;
	float: right;
	font-weight: bold;
	padding-top: .2em;
	/*border: solid 3px #800;*/
}

.dataset .value
{
	width: 69%;
	text-align: right;
	float: left;
	/*border: solid 3px #f0f;*/
}

.dataset .value p
{
	margin: -.1em 0 0;
}

.labelset
{
	width: 100%;
	padding: 0;
	/*border: solid 3px #090;*/
	margin-top: 1em;
}

.labelset .row
{
	height: 1.5em;
	padding: .1em .3em;
}

.labelset .label
{
	font-weight: bold;
	white-space: nowrap;
	width: 20%;
	text-align: left;
}

.labelset .value
{
	width: 80%;
}

/* End DataSet & LabelSet ---*/

/* Comment ---------------------------------------------------------------------------------*/

.comment
{
	width: 30%;
	overflow: auto;
}

.comment .caption
{
	border-bottom-style: dotted;
	padding: .3em .5em;
	/*display: none;*/
}

.comment .corpus
{
	padding: .5em;
	height: 100%;
	color: #0ae;
}

.comment .corpus ul
{
	margin: 0;
	padding: 0;
}

.comment .corpus ul li
{
	list-style-position: inside;
	text-align: justify;
	margin: 0;
}

/* End Comment ---*/

.hline, .hline2
{
	margin: .5em auto;
	border-bottom: solid 1px #ddd;
	line-height: 0;
}

.hline
{
	width: 70%;
}

.hline2, .hline3
{
	width: 100%;
}

.hline3
{
	margin: 0 auto .5em;
	border-bottom-style: dashed;
	line-height: 0;
}

.action
{
	text-align: center;
	margin: 1em 0;
}

/* Table ---------------------------------------------------------------------------------*/

.tbllabel
{
	width: 100%;
	padding: 0;
	/*border: solid 3px #090;*/
	margin-top: 1em;
}

.tbllabel td
{
	padding: .1em .3em;
}

.tbllabel .label
{
	white-space: nowrap;
	width: 20%;
	text-align: left;
}

.tbllabel .value
{
	font-weight: bold;
	width: 80%;
	text-align: right;
}


.tbldata
{
	width: 100%;
	padding: 0;
	/*border: solid 3px #090;*/
	margin: 1em 0 0;
}

.tbldata .label
{
	width: 30%;
	text-align: left;
	/*border: solid 3px #800;*/
	vertical-align: top;
	padding-top: .3em;
	font-weight: bold;
}

.tbldata .value
{
	width: 70%;
	/*border: solid 3px #f0f;*/
	vertical-align: top;
	text-align: right;
	padding-bottom: .4em;
}

.tbldata .value p
{
	margin: 0;
}

.tdsubaction
{
	padding-bottom: 1em;
}

.subaction
{
	display: block;
	margin-top: -.6em;
}

.subaction a:hover
{
	cursor: default;
	color: #0df;
}

.tblRepeater
{
	border-bottom: solid 1px #ddd;
}

.item
{
	padding: 2px
}

/* End Table ---*/

.hnav
{
	color: #08c;
}

.hnav .icn_align
{
	padding-left: 1.3em;
}

.hnav .icn_antialign
{
	padding-right: 1.3em;
}

/* End User Control Page ---*/

/* Grid ---------------------------------------------------------------------------------*/

.grid
{
	border-style: solid ;
}

.grid_alt
{
	background-color: #fff;
}

.grid_item
{
	background-color: #F2F3F4;
}

.grid_header, .grid_groupbutton_title
{
	background-image: url(../image/panel/frame/title.gif);
	background-repeat: repeat-x;
	color: #000000;
	font-weight: bold;
	padding: 3px;
}

.title_long
{
	background-image: url(../image/panel/frame/title_long.gif);
}

.grid_body
{
	padding: 2px;
	/*border-width: 1px;
	border-color: #6C849C;
	border-style: solid ;*/
	font-size: .9em;
	/*width: 33%;*/
}
	
.grid_footer
{
	padding: 3px;
	/*border-width: 1px;
	border-color: #6C849C;
	border-style: solid ;*/
	background-color: #f00;
}

.grid_item_selected
{
	background-color: #F2F3F4;
	font-weight: bold;
}

.grid_header_link
{
	color: #07d;
	font-weight: bold;
}

.grid_groupbutton_frame
{
	margin: 0 .1em;
}

.grid_groupbutton_title
{
	
}

.grid_message_area
{
	padding: 2em;
	border: solid 1px;
	margin-top: .3em;
	border-color: #666;
	background-color: #FDFEEB;
	text-align: center;
	height: 100%;
}

/* End Grid ---*/