body
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}

html
{
	scrollbar-face-color:#b3d2fd;
	scrollbar-shadow-color:#a1c8fe;
	scrollbar-highlight-color:#b3d2fd;
	scrollbar-3dlight-color:#dde7f7;
	scrollbar-darkshadow-color:#d9e2fa;
	scrollbar-track-color:#d9e2fa;
	scrollbar-arrow-color:#ffffff;	
}

#container
{
	margin: 0 0 0 0;
	width: 100%;
	max-width: 1000;
}



B, STRONG, SPAN B, SPAN STRONG, DIV B, DIV STRONG, TD B, TD STRONG, TH
{
	font-family: Arial, Verdana, Sans-Serif;
}

A
{
	font-family: Arial, Verdana, Sans-Serif;
	text-decoration: none;
	font-size: 11px;
	color: #333333;
}

A:HOVER
{
	text-decoration: underline;
}


DIV, SPAN
{
	font-family:  Arial, Tahoma, Verdana, Sans-Serif;
}

INPUT, SELECT, TEXTAREA
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
}


IMG
{
	border: 0;
}

table, TD
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
}

.AccordonHeaderClass
{
  width:100%;	
  background-color:White; 
}

/* COMMON GRID  */

table.Grid
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	width: 100%;
	border: 1px solid #dbd7c3;
	border-collapse: collapse;
}

table.Grid td
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	height: 20px;
	font-weight: normal;
	padding-left: 3px;
	/*border: 1px solid #8fb4ea;*/
}
.row-style
{
	background-color: #FFFFFF;
	cursor: pointer;
}

.row-alter-style
{
	background-color: #e5f1ff;
	cursor: pointer;
}

.row-hover-style
{
	background-color: #b9d6fe;
	cursor: pointer;
}

.row-hover-style td
{
	background-color: #b9d6fe;
	cursor: pointer;
}


/* INNER PAGE GRID */

table.view__grid
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	width: 100%;
	border: 1px solid #dbd7c3;
	border-collapse: collapse;
}

table.view__grid td
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	height: 20px;
	font-weight: normal;
	padding-left: 3px;
}

/*  */


.ellipsis80
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 80px;
	display: block;
}

.ellipsis100
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100px;
	display: block;
}


.ellipsis150
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	min-width:80px; 
	max-width: 140px;
	display: block;
}

.ellipsis200
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 200px;
	display: block;
}

.ellipsis250
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 250px;
	display: block;
}

.ArabicText
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	line-height: 20pt;
	color: #1B1B1B;
}

/* Rhod CSS */

.scrolldiv
{ 
  overflow:auto;
  max-height:800px;
  min-height:300px; 	
  border:solid 1px #d0d0d0;
  scrollbar-face-color: #FF0000;
  scrollbar-shadow-color: #0000FF;
  scrollbar-highlight-color: #00FF00;
  scrollbar-3dlight-color: #FF00FF;
  scrollbar-darkshadow-color: #00FFFF;
  scrollbar-track-color: #e2edfe;
  scrollbar-arrow-color: #000000;
}


.scrollY150
{ 
  overflow:auto;
  max-height:400px;
  min-height:150px; 	
  width:100%;
  border:solid 1px #d0d0d0;
  scrollbar-face-color: #FF0000;
  scrollbar-shadow-color: #0000FF;
  scrollbar-highlight-color: #00FF00;
  scrollbar-3dlight-color: #FF00FF;
  scrollbar-darkshadow-color: #00FFFF;
  scrollbar-track-color: #e2edfe;
  scrollbar-arrow-color: #000000;
}


.modalBackground
{
	background-color: #555555;
	filter: alpha(opacity=70);
	opacity: 1.7;
	vertical-align: top;
}

.modalPopup
{
	background-color: #e2edfe;
	border-width: 1px;
	border-style: solid;
	border-color: #8fb4ea;
	padding: 0px;
	width: 1020px;
}

.modalPopup800
{
	background-color: #e2edfe;
	border-width: 1px;
	border-style: solid;
	border-color: #8fb4ea;
	padding: 0px;
	width: 800px;
}

.modalPopup900
{
	background-color: #e2edfe;
	border-width: 1px;
	border-style: solid;
	border-color: #8fb4ea;
	padding: 0px;
	width: 900px;
}

.modalPopup700
{
	background-color: #e2edfe;
	border-width: 1px;
	border-style: solid;
	border-color: #8fb4ea;
	padding: 0px;
	width: 700px;
}

.modalPopup600
{
	background-color: #e2edfe;
	border-width: 1px;
	border-style: solid;
	border-color: #8fb4ea;
	padding: 0px;
	width: 600px;
}

.modalPopup500
{
	background-color: #e2edfe;
	border-width: 1px;
	border-style: solid;
	border-color: #8fb4ea;
	padding: 0px;
	width: 500px;
}


/* COMMON TABLE */

.table-style
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
}

.table-style td
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	height:17px;
}


.table-style td b
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
}


.table-style span
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
}

/*  INNER PAGE TABLE */

.view__table_form
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
}

.view__table_form  td
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	height:17px;
}


.view__table_form td b
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
}


.view__table_form span
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
}

/*  */

.pager
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	border: solid 1px #dddddd;
	background-color: #fefefe;
}

.pager td
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
}


.pager td .button-style
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	padding-left: 2px;
	padding-right: 2px;
}

/* COMMON CONTROLS  */

.textbox-style
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 15px;
	border: solid 1px #aaaaaa;
	color: #444444;
	padding-left: 2px;
}

.Label-style
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 17px;
	/* border:solid 1px #aaaaaa; */
	color: #444444;
	padding-right:2px;
	padding-left:2px;
	
}

.Label-error
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-weight:bold;
	font-size: 11px;
	line-height: 17px;
	color:Red;
	padding-right:2px;
	padding-left:2px;
	
}
.dropdownlist-style, .dropdown-style, .listbox-style
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	border: solid 1px #aaaaaa;
	background-color: #ffffff;
	color: #717277;
}

.checkbox-style, .checkbox-style span
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.checkboxlist-style, .checkboxlist-style span
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.radiobuttonlist-style, .radiobuttonlist-style span
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.radiobutton-style, .radiobutton-style span
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}


/* INNER PAGE CONTROLS  */

BODY.innerpage
{
  background-color:#e2edfe;
  margin:10px 10px 25px 10px; 	
}

.view__textbox, .view__textbox-style
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 15px;
	border: solid 1px #aaaaaa;
	color: #444444;
	padding-left: 2px;
}

/*
.button-style
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
	color: #222222;
	background-image: url( '../images/completed_task/button_bg.png' );
	background-repeat: repeat-x;
}*/


.view__dropdownlist, .view__dropdownlist-style, .view__dropdown-style, .view__listbox-style
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	border: solid 1px #aaaaaa;
	background-color: #ffffff;
	color: #717277;
}
.view__checkbox, .view__checkbox-style, .view__checkbox-style span
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.view__checkboxlist, .view__checkboxlist-style, .view__checkboxlist-style span
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.view__radiobuttonlist, .view__radiobuttonlist-style, .view__radiobuttonlist-style span
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.view__radiobutton, .view__radiobutton-style, .view__radiobutton-style span
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}


.link_title
{
  	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	text-decoration: none;
}

.link_default
{
  	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: red;
	font-weight: normal;
	text-decoration: none;
}

A.link_url
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	text-decoration: none;
}

A.link_url:hover
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	text-decoration: underline;
}

SPAN.link_url
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.header-style
{
	font-family: arial,verdana,tahoma,helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #304157;
	background-color: #c1d9fd;
	height: 20px;
	padding-left:5px;
    vertical-align:middle;  	
}

.header-style td b
{
  	font-family: arial,verdana,tahoma,helvetica;
	font-size: 12px;
	font-weight:normal; 
}

th.header-style 
{
  	font-family: arial,verdana,tahoma,helvetica;
	font-size: 12px;
	font-weight:normal; 
	vertical-align:middle;  
}

th.header-style span
{
  	font-family: arial,verdana,tahoma,helvetica;
	font-size: 12px;
	font-weight:bold; 
	vertical-align:middle;  
}


.header-style span
{
  	font-family: arial,verdana,tahoma,helvetica;
	font-size: 12px;
	font-weight:normal; 
}

.text-top_user
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #304157;
	font-weight: normal;
}

.text-top
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
}


.text-top span
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
}


.text-top A
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
}

.text-top A:HOVER
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	text-decoration: underline;
}


/* CONTEXT MENU */

.MenuGroup
{
	background-image: url(../../Images/Menu/group_background.gif);
	background-color: white;
	border: solid 1px #7E7E81;
	cursor: default;
}

.MenuItem
{
	color: black;
	font-family: tahoma;
	font-size: 11px;
	margin: 1px;
	cursor: default;
}

.MenuItemHover
{
	background-color: #FFEEC2;
	color: black;
	font-family: tahoma;
	font-size: 11px;
	border: solid 1px #4B4B6F;
	cursor: default;
}

.MenuBreak
{
	background-image: url(../../Images/Menu/break_bg.gif);
	width: 100%;
	height: 1px;
}


/*Header */

.top_links
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.top_links_2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #304157;
}

.bread_crumbs
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: 18px;
}
.bread_crumbs2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AE1E14;
}


/*footer*/

.border-style
{
	border-collapse: collapse;
	background-color: #ffffff;
	border-top: solid 1px #8fb4ea;
	border-left: solid 1px #8fb4ea;
	border-right: solid 1px #8fb4ea;
	border-bottom: solid 1px #8fb4ea;
	font-family:Arial, Verdana, Sans-Serif;  
	font-size:11px;  
}

.border-style td
{
	padding: 0px;
}

.border-style th span
{
  font-family:Arial, Verdana, Sans-Serif;  
  font-size:11px; 
  font-weight:bold;  	
}

.border-inbox
{
	border-top: solid 1px #d0d0d0;
	border-left: solid 1px #d0d0d0;
	border-right: solid 1px #d0d0d0;
	background-color: #FFFFFF;
}

.footer_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A3A3A3;
	margin-top: 20px;
	margin-left: 20px;
}


.footer_link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A3A3A3;
	text-decoration: none;
}

.footer_link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A3A3A3;
	text-decoration: underline;
}


/*Paging */

.Paging
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

.Paging_over
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}



.paging_text
{
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	line-height: 16px;
	color: #000000;
}


.paging_textbox
{
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	color: #000000;
	text-align: center;
	padding: 0px;
}

.task__link
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.view__header_text
{
	font-family: arial,verdana,tahoma,helvetica;
	font-size: 12px;
	color: #304157;
	font-weight: bold;
}


.view__header
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #304157;
	font-weight: bold;
	background-color: #e2edfe;
	height: 20px;
}


.view__header b, .view__header span
{
	font-family: arial,verdana,tahoma,helvetica;
	font-size: 11px;
	color: #304157;
	font-weight: bold;
}

.view__header_link
{
	font-family: arial,verdana,tahoma,helvetica;
	font-size: 11px;
	color: #304157;
	font-weight: bold;
	text-decoration: none;
}

.view_separator
{
	font-family: Tahoma;
	font-size: 5px;
	line-height: 8px;
	height: 8px;
}


/* INFORMATION*/

.collapse_header
{
	background-color: #e2edfe;
	border: solid 1px #99bcec;
	height: 30px;
	width: 100%;
}

/*Custom Tab */

/*
.view__tab_header
{
	padding: 0px 0px 0px 0px;
	background: #e2edfe url(../images/common/dot.png) repeat-x bottom;
	font-size: 12px;
	border-left: solid 1px #99bcec;
	height: 25px;
}*/

.view__tab_header_text
{
	background-color: #c1d9fd;
	height: 25px;
	padding: 3px 6px 3px 6px;
	min-width: 100px;
	max-width: 300px;
	font-family: arial,verdana,tahoma,helvetica;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #99bcec;
	border-right: solid 1px #99bcec;
	width: 160px;
	display: block;
}

.view__tab_body
{
	min-height: 300px;
	background-color: #ffffff;
	border-left: solid 1px #99bcec;
	border-bottom: solid 1px #99bcec;
	border-right: solid 1px #99bcec;
	padding: 5px 5px 5px 5px;
	width: 100%;
}

.view__tab_modal
{
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	border: none;
}




/* TAB control */

/*
.ajax__tab_tasheel-theme .ajax__tab_header
{
	background: url(../images/common/dot.png) repeat-x bottom;
	font-size: 12px;
	display: block;
}
*/

.x-loading
{
	position: absolute;
	left: 600px;
	top: 500px;
	z-index: 999;
}

.ajax__tab_tasheel-theme .ajax__tab_header .ajax__tab_outer
{
	border: solid 1px #99bcec;
	padding: 0px 1px 0px 1px;
	border-bottom: solid 1px #99bcec;
	background-color: #dde8fa;
	margin-right: 2px;
}
.ajax__tab_tasheel-theme .ajax__tab_header .ajax__tab_tab
{
	padding: 6px 5px 6px 5px;
	min-width: 40px;
	max-width: 137px;
	display: block;
	text-align: center;
	font-family: arial,verdana,tahoma,helvetica;
	color: #304157;
	font-weight: bold;
}
.ajax__tab_tasheel-theme .ajax__tab_header .ajax__tab_tab img
{
	height: 24px;
	width: 24px;
}
.ajax__tab_tasheel-theme .ajax__tab_header .ajax__tab_tab div
{
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	white-space: nowrap;
	line-height: 145%;
	font-size: 92%;
}
.ajax__tab_tasheel-theme .ajax__tab_active .ajax__tab_outer
{
	padding: 0px 0px 0px 0px;
	border: solid 1px #99bcec;
	border-bottom-color: #ffffff;
	background-color: #ffffff;
	padding-top: 1px;
}
.ajax__tab_tasheel-theme .ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	padding: 8px;
	background-color: #ffffff;
	border: solid 1px #99bcec;
	border-top-width: 0;
}

.button_link
{
	font-family: arial,verdana,tahoma,helvetica;
	font-size: 11px;
	color: #b81d1d;
	font-weight: bold;
	text-decoration: none;
}


.button_link_blue
{
	font-family: arial,verdana,tahoma,helvetica;
	font-size: 11px;
	color: Navy;
	text-decoration: none;
}

.button_link_blue
{
	font-family: arial,verdana,tahoma,helvetica;
	font-size: 11px;
	color: Navy;
	text-decoration: underline;
}

.separator5
{
	line-height: 5px;
	height: 5px;
	font-size: 5px;
}

.view__btn
{
  color:#AB1B12;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
  background-color:#fed;
  border: 1px solid;
  border-color: #999999 #999999 #999999 #999999;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffff',EndColorStr='#999999');
}
.view__btn:hover
{
    border-color: #AB1B12 #AB1B12 #AB1B12 #AB1B12;
}