body
{ 
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
	font-family: Tahoma;
	font-size: 8pt;
	margin: 0px auto;
}

        .MainP
        {
            direction: rtl;
            text-align: right;
            margin: 0 auto;
            border-right: 1px solid #bcbcbc;
            border-left:1px solid #bcbcbc;
            padding: 0 35px;
            width: 930px;
            height: 100%;
            background: #fff url( 'images/header_bg2.png' ) top center no-repeat;
           
        }
        .HeadP
        {
        	margin: 0px auto;
        	height: 120px;
        	width: 930px;
        	background: url('images/LogoHead.png')  center left no-repeat;
        }

          .Box .Head div
          {
            font-family: Tahoma;
            font-size: 8.5pt;
            font-weight: bold !important;
            padding:5px 10px;
           
            
          }
        .Box
        {
            margin-bottom:10px;
        }
        .Box .Text
        {
            border-width: 1px;
            border-bottom-style: solid;
            
            margin: 2px 0;
            padding: 3px;
             
        }
        .Box .Head
        {
            
            height: 25px;
            background: #fff url( 'images/header_obj4.png' ) top center no-repeat;
        }
         .Footer
        {
            border-top-style: solid;
            border-width: 5px;
            border-color: Silver;
            margin : auto 0px;
            background-color:White;
            height:50px;
            text-align :center;
        }
        .download
        {
            height:22px;
            width:22px;
             padding: 5px  20px; 
             background: #fff url( 'images/download_manager.png' ) top left no-repeat;
        }
        .FileAttach
        {
            font-weight: bold !important;font-size:8.5pt;padding:5px 0 0 0;
                    background: #fff url( 'images/download_manager.png' ) top left no-repeat;
                    }
        .Box .Head .Polls
        { 
             background: url( 'images/Poll.png' )  10px 0px  no-repeat;
        }
        .Box .Head .LastNews
        {
             background: url( 'images/_News.png' )  10px 0px  no-repeat;
        }
        .Box .Head .links
        {
             background: url( 'images/Links.png' )  10px 0px  no-repeat;
        }
        .Box .Head .Login
        {
                background: url( 'images/Login.png' )  10px 0px  no-repeat;
        }
        .Box .Head .Users
        {
                background: url( 'images/Users.png' )  10px 0px  no-repeat;
        }
        a {
	
	        text-decoration: none;
        }
        .Karname
        {
            font-family: Tahoma; font-size: 9pt; font-weight: normal !important;
            padding: 5px 10px; background: url( 'images/Karname.png' )  10px 2px  no-repeat;
        }
        .KarnameHead
        {
            height: 23px; 
            background: #fff url( 'images/KarnameH.png' ) top center no-repeat;
        }
        .GroupDes
        {
            font-weight: bold !important;
            margin: 0px;
            font-size: 8.5pt;
            padding: 4px 10px;
            color: #000;
            background: #fff url(  'images/NewsHeader.png' ) 0px 0px no-repeat;
        }
        .GroupDes .Head {height: 23px; padding: 4px 10px;background: url( 'images/PresentGroup.png' )  10px -2px  no-repeat; }
        .GroupDes .Head1 {height: 23px; padding: 4px 10px;background: url( 'images/PresentOrg.png' )  10px -2px  no-repeat; }
        .ContactUs
        {
            height: 23px; 
            font-weight: bold !important;
            margin: 0px; font-size: 8.5pt; padding:0px 10px; color: #000; 
           background: #fff url(  'images/NewsHeader.png' ) 0px 0px no-repeat;
        }
        .ContactUs .Head {height: 23px; padding: 4px 10px; background: url( 'images/ContactUs.png' )  10px -2px  no-repeat; }
        
div.Main
{
    min-height:500px;
}
input
{
    font-family: Tahoma;
	font-size: 8pt;
	
}
select
{
    font-family: Tahoma;
	font-size: 8pt;
}

/* Master */
div.layout
{ 
     text-align: center;
     
}
div.centre
{  
    text-align: left;
    
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}
div div.Davbase
{
     background-repeat: no-repeat; 
     background-position: center center;
    float: left;
}

/* Master */

#TableLogin
{
	text-align:right;
}
.d
{
	direction:rtl;
}
.crnter
{
    margin-right:50%
}
.LeftToright
{
     text-align:left;
}
.PanelTab
{
	width:470px;
	margin-left:5px;
	margin-right:5px;
    text-align:right;
}

/* Div Base */
div.Tr
{
	width:500px;
	text-align:right
}
div.Tr div.Td1
{
	text-align:left;
	float: right;
	width: 200px;
	padding-bottom: 3px;
}
div.Tr div.Td2
{
	padding-bottom: 3px;
	float: right;
	width:300px;
}

.mInfo{  background: #FDFFD9 url('images/info.gif') no-repeat  right;

border-top: 1px solid #F4CE66;  border-bottom: 1px solid #F4CE66;
text-align:right;
direction:rtl;
height:30px;
line-height:30px;
padding:0px 20px;
margin:0px 5px 5px 5px;

}

/* ----------------------------News--------------*/
.MainNews
{
    font-weight: bold !important;
    margin: 0px; 
    font-size: 8.5pt; 
    padding:4px 10px; 
    color: #000; 
    height:23px;
    background: #fff url(  'images/NewsHeader.png' ) 0px 0px no-repeat;
}
.MainNews .News
{
    height: 23px; 
    background:  url( 'images/_News.png' )  10px -2px  no-repeat;
    
}



.TitleNews
{
    background: url('images/down.png') no-repeat  right; 
    padding-right: 20px;
}
.TitleNews a {font-size: 10pt;}
.Summary
{
    border-width: 1px;
    border-color: #C0C0C0;
    margin-right: 20px;
    border-bottom-style: dotted;
    margin-bottom: 8px;
    padding-bottom: 5px;
}
.Summary .continue
{
    font-size: 8pt;
    text-align:left;
     
}
.Summary .continue a{color:Blue;}
/*------------- Article--------------*/
.MainArticle 
{
    font-weight: bold !important;
    margin: 0px; 
    font-size: 8.5pt;
    padding: 4px 10px; 
    color: #000;
   background: #fff url(  'images/NewsHeader.png' ) 0px 0px no-repeat;
}
.MainArticle .Article
{
    height: 23px; 
    background: url( 'images/Article.png' )  10px -2px  no-repeat;
}
.TitleArticle
{
  
    padding-right: 10px;
}
.TitleArticle a {font-size: 10pt;}
.ImgArticle
{
    width:60px;
    height:60px;
    border:solid 1px #c9ced1;
    padding:3px;
}
.TdImgArticle
{
    
    width:60px;
    vertical-align:top;
    
      
}

/* Div Base */
/*------------------------------------------------------------------*/
/* Tooltip*/
.ProTip
{
}
div.tooltip {
	background-color:#000;
	outline:1px solid #669;
	border:2px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:right;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	outline-radius:4px;
	-moz-outline-radius:4px;
	-webkit-outline-radius:4px;
}
/* Tooltip*/
/* Menu------*/
ul.menu {direction:rtl;text-align:right;list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block;color:Black; text-decoration:none}
ul.menu li {position:relative; float:right; margin-right:2px}
ul.menu ul {width:150px;position:absolute; top:26px; right:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:White}
ul.menu ul li a:hover {background-color:White;color:Red}
ul.menu ul ul {right:148px; top:-1px;width:150px;}
ul.menu .menulink {margin:0px 8px 0px; padding:5px 7px 7px; font-weight:bold; width:auto;color:Black}
ul.menu .menulink:hover, ul.menu .menuhover {color:#0476f7;}
ul.menu .sub {background:#fff url(images/arrow.gif) 8px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/* Menu------*/
/* Menu Icon */
/*------------------------------------------------------------------*/
.menu li div{position:absolute; padding:22px 0px 0px 22px; width: auto; height: 22px;top:-3px;right:-7px}
.menu .Home{background: url(  'images/Home.png' ) top right no-repeat;}
.menu .Login{background: url( 'images/Login.png' ) top right no-repeat;}
.menu .News{background: url( 'images/_News.png' ) top right no-repeat; }
.menu .Article{background: url( 'images/Article.png' ) top right no-repeat;}
.menu .Group{background: url( 'images/PresentGroup.png' ) top right no-repeat; }
.menu .Org{background: url( 'images/PresentOrg.png' ) top right no-repeat; }
.menu .ContactUs{background: url( 'images/ContactUs.png' ) top right no-repeat; }

/*------------------------------------------------------------------*/

ul.ui-tabs-nav { padding:0 0 0 8px; }
.ui-tabs-nav li {height:25px;  margin:5px 5px 0 0; }

.ui-tabs-nav li a:link,
.ui-tabs-nav li a:visited,
.ui-tabs-nav li a:hover,
.ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:Blue; }


.ui-tabs-nav li.ui-tabs-selected a:link,
.ui-tabs-nav li.ui-tabs-selected a:visited,
.ui-tabs-nav li.ui-tabs-selected a:hover,
.ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }

.ui-tabs-panel {text-align:right; padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }

.ui a:link,
.ui a:visited { color:#1b75bb; text-decoration:none; }
.ui a:hover,
.ui a:active { color:#0b559b; }

.ui-tabs {padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li {  position: relative; float: right; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {height:12px; background-color:Blue; cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Accordion
----------------------------------*/
.ui-accordion-header {background-color:White; cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion-li-fix { display: inline; }
.ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion-header a {display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion-header .ui-icon { position: absolute; right: .5em; top: 50%; margin-top: -8px; }
.ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion-content-active {text-align:right; display: block; }
/* Accordion
----------------------------------*/

/*Bigin---------------------------------MsgBox--------------------------------------------------*/
.msg_button_class
            {
               background-image: url(msg_button_1.jpg);
               font-family:Tahoma;
               font-size:11px;
               font-weight:bold;
               color:#0a6ca5;
               border:1px solid #DDDDDD;
               height:22px;
               
            }
#window
{
    display: block;
    left: 20%;
    overflow: visible;
    width: 400px;
    position: absolute;
    top: 50%;
    height: 200px;
    background-color: #c9e2ec;
    border: 10px solid #999;

}
#windowTop
{
	background-position: right top;
	background-image: url(../msgbox/msg_title_1.jpg);
	overflow: hidden;
	cursor: move;
	background-repeat: repeat-x;
	position: relative;
	height: 30px;
}
#Pro {
	 CURSOR: move; 
}
#windowTopContent
{
	background-position: left top;
	font-weight: bold;
	font-size: 14px;
	background-image: url(../images/window_top_start.png);
	overflow: hidden;
	color: #0a6ca5;
	text-indent: 10px;
	line-height: 30px;
	margin-right: 20px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	height: 30px;
}
#windowClose
{
	right: 10px;
	cursor: pointer;
	position: absolute;
	top: 10px;
}
#windowResize
{
	right: 3px;
	cursor: se-resize;
	bottom: 5px;
	position: absolute;
}
#windowContent
{
	border-right: #0a6ca5 1px solid;
	border-top: #0a6ca5 1px solid;
	font-size: 11px;
	left: 10px;
	overflow: auto;
	border-left: #6caf00 1px solid;
	width: 95%;
	margin-right: 3px;
	border-bottom: #0a6ca5 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 30px;
	height: 155px;
	background-color: #fff;
}
#windowContent * {
	MARGIN: 10px
}
/*End---------------------------------MsgBox--------------------------------------------------*/
/*begin---------------------------------ddlMultiselect--------------------------------------------------*/
.ui-dropdownchecklist
{
    font-size: 8pt;
	height: 17px;
	border: 1px solid Silver;
	border-left: 0;
	background: #fff url(images/dropdown.png) no-repeat center  left;
	
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active
{
	background-image: url(images/dropdown_hover.png); 
	border-color: #5794bf;
}
.ui-dropdownchecklist-text
{ 
  text-align:right;
	font-size: 8pt;
	height: 20px;
	line-height: 20px;
	margin-left:7px; /* background dropdown.png image */
	min-width:150px;
}
.ui-dropdownchecklist-dropcontainer
{
   direction:rtl;
	background-color: #fff;
	border: 1px solid #999;
}

.ui-dropdownchecklist-item
{
}
.ui-dropdownchecklist-item-hover
{
	background-color: #39f;
}
.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text
{
	color: #fff;
}
.ui-dropdownchecklist-group
{
	font-weight: bold;
	font-style: italic;
	text-align:center;
}
.ui-dropdownchecklist-indent
{
	padding-left: 20px;
}
/*end---------------------------------ddlMultiselect--------------------------------------------------*/

/*---------------------------------Tab--------------------------------------------------*/
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
 
:focus {
  -moz-outline-style:none;
}
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
	
}

/* single tab */
ul.tabs li { 
	float:right;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:inherit;
	top:1px;
	
	
}

ul.tabs a:active {
	outline:none;	

}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	

}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
z-index:0;

}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px;}
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes
{
	border-bottom:1pt solid #666; 
	border-right:1pt solid #666; 
	border-left:1pt solid #666; 

}
div.panes div.pane {
	display:none;	
	direction:rtl;	
	width:100%;

	text-align: center;
	
	

}

/*---------------------------------Tab--------------------------------------------------*/