@font-face {
	font-family: CronoMM;
	src: url('./fonts/Cronos _250_wt_6_op.otf');
}

#MainMenu li:hover a {
	color: rgb(50, 50, 50) !important;
}

#MainMenu li a {
	color: rgb(255, 255, 255);
}

@font-face {
	font-family: CronoMM;
	font-weight: bold;
	src: url('./fonts/Cronos _700_wt_6_op.otf');
}

body {
	font-family: CronoMM, Oxygen, Arial, sans-serif;
	color:#2B2B2B;
	margin: 0px;
	padding:0;
	background: -webkit-linear-gradient(#EEEFF1, #FCFCFC 17%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#EEEFF1, #FCFCFC 17%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#EEEFF1, #FCFCFC 17%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EEEFF1, #FCFCFC 17%); /* Standard syntax */
	font-size:12pt;
}


table caption {width:inherit;}
.wrapper {
	//max-width: calc(1200px - 20px * 2);
	margin-right: auto;
	margin-left: auto;
	margin-top: 1%;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	/*#     background-image:url('/images/ooredoo/login-bgn.jpg');
	#    border:3px solid #32579E;*/

	/* Hack for CSS3 PIE
	 * See: http://css3pie.com/documentation/known-issues/#z-index
	 */
	position: relative;
	z-index: 1;

}

.container { }

.greetingbox {
	background-color: #F0C88F;
	margin-right: 150px;
	float: right;
	color: #000;
	font-size: 12pt;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	max-width: 300px;
	border-radius: 3px 3px 3px;
}


.greetingbox .info {
	float:left;
	margin-left:10px;
}

.greetingbox .info .info1 {
	color: #fc0000;
	font-weight:bold;
}

#submenu1 ul {
	color: #000;
	border: 0px solid #999999;
	-moz-box-shadow: 2px 2px 2px #E1AE65;
	-webkit-box-shadow: 2px 2px 2px #E1AE65;
	box-shadow: 2px 2px 2px #E1AE65;
}

#submenu1 ul li a {
	color: #000;
	background-color:#E1AE65;
}

#submenu1 ul li a:hover {
	background-color: #F0C88F;
}

.anchorclass {
	text-decoration: none;
	color: #E1AE65;
}
.anchorclass:hover {
	text-decoration: none;
}
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a te                                                                  xt link)*/
	color: #E51C23;
}


.greetingbox .info .info2 {
	font-size:12pt;
	color:#000
}

.greetingbox .img1 {
	float:left;
	margin: 10px 10px 0px 10px;
	width: 22px;
}


.greetingbox .menu1 {
	float:right;
	margin-top:10px;
	margin-right:10px;
	height:20px;

}

#header1 {
	float: right;
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
}

#header2 {
	height: 70px;
	margin-left: 10px;
	margin-right: 10px;
}

#header3 {
	margin-left: 10%;
	border-bottom: 1px solid #F0F0F0;
	padding:5px;
}

#header3 .sel {
	color: #E51C23;
}

#logo {
	float:left;
	margin-left: 135px;
	margin-top: 5px;
}
#titleimgleft {
	margin-left:142px;
	float:left;
}

#titleimg {
	float:right;
	margin-right: 10px;
	margin-top: 10px;
}
#login_header {
	height: 70px;
	margin-top: 0px;
}

#MainMenu ul {
	margin: 0; padding: 0;
	list-style-type: none; list-style-image: none;
}

#MainMenu li {
	display: inline-block;
	padding: 10px 20px;
	margin: 0px 20px;
}

#MainMenu ul a li {
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	font-size:11pt;
}

#MainMenu ul a:hover li {
	text-decoration: none;
}

#MainMenu {
	background-color: #E51C23;
	border-radius: 9px 9px 9px;
	margin: 0 9px 9px 9px;
	/*top right bottom left*/
	padding: 0px 0px 0px 120px
}

#MainMenu ul li{
	-webkit-transition:color 0.3s, background-color 0.5s;
	transition:color 0.3s, background-color 0.5s;
}

#MainMenu ul li:hover {
	cursor: pointer;
	background-color: white;
}

#MainMenu ul a:hover li {
	color: #212121;
}



#MainMenu .selected {
	background-color: #FFF;
	color: #000;
	border: #EEEFF1 3px solid;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#MainMenu a {
	#color: #FFF;
}

#MainMenu .selected  a{
	color: #000;
}
#navbar {
	float: left;
	width: 18%;
	margin-left: 10%;
}

div.sdmenu {
	margin-top:10px;
	width: 220px;
	font-size: 12pt;
	font-weight:bold;
	background-color: #E6E6E6;
	border: 1px solid #E7E7E7;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/PIE.php);

}
div.sdmenu div {
	overflow: hidden;
	border-bottom: 1px solid #CBCBCB;
}
div .sdmenu div .curr {
	background:white;
}
div.sdmenu div:first-child {
	#background: url(/images/ooredoo/toptitle.gif) no-repeat;

}
div.sdmenu div.collapsed {
	height: 50px;
}

div.sdmenu div span {
	display: block;
	height: 30px;
	padding: 10px 20px 10px 20px;
	margin: 0px 10px 0px 0px;
	background: url(/images/ooredoo/expanded.png) no-repeat right 15px;# 10px center;
	cursor: default;
}
div.sdmenu div.collapsed span {
	display: block;
	height: 30px;
	padding: 10px 20px 10px 20px;
	margin: 0px 10px 0px 0px;
	background-image: url(/images/ooredoo/collapsed.png);
}
div.sdmenu div a  {
	display: block;
}

div .sdmenu  #sub {
	background:#fff;
	border-bottom:1px solid #CBCBCB;
	padding: 5px 10px 10px 20px;
}

div.sdmenu div a.current {
	color: #E51C23;
}
div.sdmenu div a:hover {
	color: #E51C23;
	text-decoration: none;
}

.title {
	margin-top: 5px;
	margin-bottom: 10px;


}

.title h2 {
	margin-right:192px;
	padding:5px;
	border-bottom: 1px solid #F0F0F0;
	font-size: 16pt;
	font-weight: bold;
	color: #EA1B25;
	display: block;
}

.subtitle h3 {
	margin-right:500px;
	padding:5px;
	border-bottom: 1px solid #F0F0F0;
	font-size: 14pt;
	font-weight: bold;
	color: #EA1B25;
	display: block;
}


#navbar .title {
	font-weight:bold;
	color:#6F6F6F;
	padding:2px;padding-left: 5px;
	background-color: #F0F0F0;
	border:1px solid #CBCBCB;
	margin-bottom: 0;
}

#navbar .title a {
	color:#fff;
	font-weight:bolder;
	cursor:pointer;
	display:block;
}


#content {
	margin-left: 400px;
	min-height: 500px;
}

#footer {
	clear: both;
	margin-left: 2%;
	padding-bottom: 18px;
	color: #6F6F6F;
	size: 10pt;
}

#NavMenu li.selected a {
	font-weight: bold;
}

#Copyright {    width:70%;margin:25px auto 20px auto; color:#6F6F6F;font-size:smaller;}
#TopMenu { background-color: #FFFFFF; text-align:right;font-size:smaller;padding-top:15px;padding-righ                                                                  t:180px;}
#TopMenu a {color:#818181;padding-right:20px;}

a {
	color: #6F6F6F;
	text-decoration: none;
}

a:hover {
	/*color: #E51C23;
	font-weight: bold;*/
	text-decoration: underline;
	/* text-decoration: none; */
}



a img { border:none; }

#sortimg {
	margin-top:7px;
	margin-right:10px;
	float:right;

}
.welcome{
	color:#6F6F6F;
	margin:0px 0px 15px 0px;
	font-size:14px;
}

.infotable {
	width: 90%;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.infotable caption {
	font-size: large;
	color: #fff;
	background-color: #6F6F6F;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;

	behavior: url(/PIE.php);
}

.infotable td {
	border: 1px solid #eee;
	vertical-align: top;
	padding: 2px 5px;
	color: #783787;
	font-size: 10pt;
}

.infotable .odd td {
}

.infotable .even td {
	background-color: #f2f2f2;
}

.widget {
	margin-top: 10px;
	width:200px;

}

#QuickSearch form div {
	border: 1px solid #999;
	padding:2px;
}

#QuickSearch span { font-weight: bold; }

.tip {
	border:1px dashed #D9D9D9;
	font-size:small;
	cursor:pointer;
	background-color:#E1E1E1;
	max-width: 130px;
}

.FormList .row div .hourdd, .FormList .row div .mindd  {width:45px;}
.FormList .row div select, .FormList .row div input {width:95px;}
.FormList .calltype { float:right;width:auto;margin-right:35px;}
.FormList .groupinfo { float:left;width:200px;margin-right:500px;}
.FormList fieldset.list { width:94%; margin-bottom:0;}


div.row {
	#       clear: both;
	height: 35px;
}
div.rowhead  {
	#       clear: both;
	height: 50px;
}
#MainInformation  {

	border:2px solid #CBCBCB;

	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/PIE.php);
	padding:10px

}

#MainInformation table, .information table {
	width: 100%;
	margin-bottom: 20px;
}

.information table caption {
	border: 1px solid #666666;
	font-size: large;
	color: #717171;
}

#MainInformation table td {
	vertical-align:top;
	padding:2px 5px 2px 5px;


}

.information table td {
	vertical-align: top;
	border: 1px solid #eee;
	padding: 2px 5px 2px 5px;
}

#MainInformation .odd td, .information .odd td {
	border-top: 1px solid #CBCBCB;
	background-color: #fff;
}

#MainInformation .even td, .information .even td {
	border-top: 1px solid #CBCBCB;
	background-color: #fff;
}

#MainInformation .lastcolumn {
	border-left:1px solid #CBCBCB;
}

#MainInformation table {
	color: #838383;
	font-weight: bold;
}
#MainInformation table caption  {

	font-size:large;
	color:#717171;

}
#AfterHeader {
	padding-top:5px;
	vertical-align:top;
	margin-right:5px;
}

ul {    list-style: none;       margin: 0;      padding: 10px 0 0 0;    border: none;}



#MainNavMenu li { margin-bottom: 5px; font-size: 12px; }

#GroupsMenuList li, #MainNavMenuList li {
	margin-left: 1em;
	list-style-type: square;
	padding-bottom: 10px;
}

#MainNavMenuList a {
	font-weight: bold;
	color: #E51C23;
}
#GroupsMenuList a {
	color: #E51C23;
	font-size:12pt;
}
#GroupsMenuList img, #MainNavMenuList img {
	width: 14px;
	padding-right: 10px;
}

#GroupsMenuList label, #MainNavMenuList label {
	margin-left: 25px;
	padding-top: 5px;
	color: #6F6F6F;
}

#SubscribersList, .members, #CompanyHistory, .consumption_table {
	border-spacing:0px;
	width:98%;
	border: 1px solid #E7E7E7;
}

#CompanyInfo {
	border-spacing:0px;
	#width:100%;
}

#SubscribersList caption, .members caption, .consumption_table caption { display:none; }

#CompanyHistory thead  , #SubscribersList thead  , #SubscriberInfo thead, .consumption_table thead
{
	color: #ed1261;
}

.lang_ar #CompanyHistory thead, .lang_ar #SubscribersList thead, .lang_ar #SubscriberInfo thead, .lang                                                                  _ar .consumption_table thead
{
	color: #ed1261;
	text-align: right;
}

#CompanyHistory thead th, #SubscriberInfo thead th, .consumption_table thead th {
	text-align: center;
	padding: 2px;
	padding-left: 5px;
}

#SubscribersList thead th {
	text-align: center;
}

#SubscriberInfo {
	width:500px;
	#border:1px solid #D9D9D9;
}
#SubscriberInfo caption {font-size:large;width:500px;}

#SubscribersList thead th a, #CompanyHistory thead th a, .consumption_table thead th a
{       color: white;
	display: block;
}

#CompanyHistory thead th, #SubscribersList thead th, #SubscriberInfo caption, .fake_head, .consumption                                                                  _table thead th
{
	#  color: #717171;
	padding: 10px;
	#color:bold;
	#  border: 1px solid black;
}



#SubscribersList thead th,#CompanyHistory thead th, .consumption_table thead th
{       background: #524C4C ;
	cursor: pointer;
	border-left: 1px solid #494141;
	color: white;
}


#CompanyHistory td, #SubscribersList td, #SubscriberInfo td, .consumption_table td
{
	background-color: #F2F2F2;
	padding: 5px 10px 5px 5px;
	vertical-align: top;

}
#SubscribersList td {
	text-align:left;

}

#CompanyInfo td {
	padding: 5px 10px 5px 5px;
	vertical-align: top;
	width:200px;
}
#updatecompany {
	margin-left:220px;
}

#CompanyHistory .odd td, #SubscribersList .odd td , #SubscriberInfo .odd td, .consumption_table .odd t                                                                  d
{    padding: 5px 10px 5px 5px;
	background-color: white;
}


#SubscribersList .odd td {
	text-align:left;

}

#SubscribersList td, #CompanyHistory td, .consumption_table td {
	border-right: 1px solid #E7E7E7;
}


.texticons {font-size:x-small;}


.sidelist {     margin-bottom:10px;}
.sidelist ul {  border:1px solid #999;          padding:0;      }
.sidelist li {border-bottom:1px solid #eee;padding:0px 5px 1px 5px ;}
.sidelist a {display:block;width:100%;font-weight:bold;}

#sf {
	margin: 3px;
	padding: 3px;
	width: 92%;
}


#BarringList {width:560px;}

.row div {margin-bottom:3px;background-color:#f2f2f2;
	padding:1px 30px 3px;
	float:left;margin-right:3px;
	width:130px;
}

.lang_ar .row div {margin-bottom:3px;
	padding:1px 2px 2px 5px;
	float:right;margin-right:3px;
	width:110px;
}
.row br {clear:both;}

.rowhead div, #profiledata table thead th {
	margin-bottom:3px;
	background:#717171;
	color:#fff;
}

.lang_ar .rowhead .TypeOfNumber {
	width:112px;
	margin-left:0px;
}

.rowhead .TypeOfNumber {
	width:130px;
	margin-right:3px;
	height:40px;
}
.rowhead .PrefixNumber {
	height:40px;
}

.rowhead .Number {
	height:40px;
}
fieldset.groupinfo{ padding-top:0}
.groupinfo label {display:block; margin-top:5px;}


.rowhead .Order {width:50px;}

div .rowhead .row {
	height:50px;
}



#CallDivertList ol {margin:0;padding:0;padding-left:45px;}
#CallDivertList ol li {padding-left:30px;}

/* TODO: OL is losing numbers when we apply float  */


form {
	margin: 0;
}
#giveWebAccess fieldset{
	padding:10px;
	margin-bottom:20px;
	margin-left:2px;
	margin-top:20px;
}

.fieldset  , fieldset {
	width: 600px !important;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:2px;
	border:2px solid #CBCBCB;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/PIE.php);
}

.callscreeningfieldset {
	position: absolute;
}

fieldset .noborders {
	border:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	width:600px;
}
select {
	border:1px solid #CBCBCB;
	padding-top:2px;
	padding-bottom:2px;
}

legend {
	color:#6F6F6F;
	font-weight:bold;
}
.texticons {
	margin-top: 3px;
	margin-right:10px;
	text-align: center;
	color:#434346;
	position: relative;
	z-index: 1;
	z-index: 1;


}

.submit, .view {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
	padding-right:6px;
	text-align: center;
	color: #5D6265;
	background-color: #F2F3F5;
	/* Hack for CSS3 PIE
	 * See: http://css3pie.com/documentation/known-issues/#z-index
	 */
	position: relative;
	z-index: 1;
	border: 1px solid #DDDEE2;
	border-radius: 20px;
}

.submit:hover, .view:hover {
	text-decoration: underline;
	cursor: pointer;
	color:black;
}

#MainLogin fieldset {
	width: 229px !important;
	height:410px;
	border:0px;
	background-color:#fff;
	padding:0;
	padding-bottom:10px;
	box-shadow: 3px 3px 8px #303030;
}

#MainLogin {
	#       margin-top:5%;
	#       margin-left: 50%;
	margin-top: 31px;
	margin-left: 60%;
}

#MainLogin #title {
	#  height: 40px;
	background-image: url('/images/ooredoo/login-header.png') ;
	margin-bottom:5px;
	/*background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FCF9F9),
	color-stop(1, #F7F7F7));*/
}

#MainLogin #title label {
	color: #E71820;
	padding:5px;
	font-size: 14pt;
	font-weight: bold;
	display: block;
	text-align:center;
}


#MainLogin label {
	#padding-bottom:5px;
	#padding-left:10px;
	margin-top:5px;
	font-weight: bold;
	color: #464646;
	font-size: 14px;
	margin-left:10px;
	margin-right:10px;
	#margin-bottom:5px;
}

#MainLogin #separator {
	border-bottom: 2px solid #CBCBCB;
	margin: 10px 10px 10px 10px;
}

#MainLogin .logo {
	float:right;
	width:18%;
	margin-right:10px;
}

#MainLogin #username , #MainLogin #password  , #MainLogin #company  {
	width:90%;
	border:1.5px solid #AAA7A7;
	margin: 10px 10px 5px 10px;
	padding:5px 5px 5px 5px;
	color: #434346;
	behavior: url(/PIE.php);
}

#MainLogin #social {
	margin:10px;
	font-size: 2ex;
}

#MainLogin a img {
	border: medium none;
	float: left;
	width: 16px;
	margin: 2px;
}

#MainLogin #passlink {
	margin:10px;
	margin-bottom:20px;
	text-decoration:underline;
}
.curved_box {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/PIE.php);
}


#MainLogin .authenticate {
	float:left;
	width:92%;
}


#MainLogin #submit {
	width:97%;
	padding: 6px;
	margin-top: 20px;
	margin-left:10px;
	text-align: center;
	color: #FFF;
	font-weight:bold;
	position: relative;
	z-index: 1;
	-webkit-border-radius: 20px;
	-moz-border-radius:  20px;
	border-radius:  20px;
	background-color: #E71820;
}

#MainLogin label {display:block; float:left;width:120px;}
.lang_ar #MainLogin label {display:block; float:right;width:120px;}
.TableList {margin-bottom:10px;}
.TableList  thead  {  color:#fff;       text-align: center;}
.TableList  thead th {
	color:#717171;
	padding:2px;padding-left: 5px;
	background:#fff ;
	border:1px solid #999;
}
.TableList td div input {}


.TableList  td {
	background-color:#F2F2F2;
	padding:5px;
}

.TableList   .odd td {
	background-color:#E2E2E2;
}

/*#FormAddUser {float:left;}*/
/*.lang_ar #FormAddUser {float:right;}*/
.miniform fieldset {width:250px !important;background-color:#fff;}
.miniform label {       display:block; margin-top:5px;}
.miniform select { width: 100px; }

.miniform p.checklabel label {
	display: inline;
}

.fillform fieldset {width:300px;background-color:#fff;}
.fillform label {       display:block; margin-top:5px;}
.fillform select { width: 100px; }
.fillform input {width:180px;}
.fillform p.checklabel label {
	display: inline;
}

#FormChangePassword , #FormAddUser {display:none;}
#FormAddUser legend {margin-bottom:10px;}

.ErrorMsg {
	background-color: #FFF;
	border:2px solid red;
	color:red;
	padding:10px;
	margin:10px 10px 10px 0;
	width:480px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 3px 3px 8px #303030;
}

.OkMsg {
	border:2px solid green;
	background-color: #FFF;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding:10px;
	margin:10px 10px 10px 0;
	width:66%;
	font-size:14px;
}

.LineOK {       color:#060;}
.LineSKIPPED {  color:#999;}
.LineERROR {    color:#f00;}



#Time {    position:absolute;    bottom:0;    right:0; /*       display:none;*/}

#ooredoo {color:#ff8c00;margin:3px;position:absolute;top:0px;right:0px;}
#ooredoo #poweredby {position:relative;top:-5px;}
/*#ooredoo {display:none;}*/


#TimeList fieldset.list { width:625px;}

#CallDivertList fieldset.list { width:95%;}
.DefaultScreenSet , .DefaultCallDivert {display:inline;}

#FormChangePassword {margin-top:5px;}

.lang_ar .calltype label {height:5px;}
/* .SubscriberForm input , #BtnShowPass {width:70px;} */
.SubscriberForm , .SubscriberForm div , #BtnShowPass  {display:inline;margin:0 5px 0 0}

.after_plus {margin-top:5px;margin-bottom:0px;}
.VONTipContainer {margin-left:120px;}
.lang_ar .VONTipContainer {margin-right:120px;}
#DownloadTemplate {margin-bottom:5px;}

/**********************  Help  Pages  ********************************/

.HelpFiles a {
	margin-right:1em;
	font-style:italic;
	text-decoration:underline;
}


#FilterFormDept , #FilterFormUG {margin-bottom:5px;}
#FilterFormDept , #FilterFormUG select {margin-left:5px;}
input[type=text]  , input[type=password]  {
	border:1.5px solid #AAA7A7;
	color: #434346;
	padding-left: 3px;
	background-color: #D7DBDE;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


#FormChangePasswordForUser fieldset, #FormChangePassword fieldset{width:400px;margin-top:20px;}
#FormChangePasswordForUser fieldset label , #FormChangePassword fieldset label {width:150px;}
.lang_ar #FormChangePasswordForUser fieldset label ,.lang_ar #FormChangePassword fieldset label {width                                                                  :150px;}
#ActiveProfileText {margin-bottom:10px;}
#TabSsProf {margin:5px 0 2px 2px;}
#TabSsProf span {
	padding:2px;
	border:2px solid #CBCBCB;
	border-bottom:0;
	background-color:#F0F0F0;
	/*-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	behavior: url(/PIE.php);*/
}
#TabSsProf .selected {padding:6px 6px 2px 6px;font-weight:bolder;  background-color:#fff;/*border-bott                                                                  om:1px solid white;*/}

.FormList .row div.TypeOfNumber select {width:160px;}
.FormList .row div.PrefixNumber select {width:160px;}

.lang_ar .FormList .row div.PrefixNumber select {width:160px;margin-right:-50px;}
.lang_ar .FormList .rowhead div.PrefixNumber {margin-right:0px;}

P #batchhint{
	background-color:#D1D1D1;
}

.BillingInfo {width:500px;border:1px solid #D9D9D9;}
.BillingInfo caption {font-size:large;width:500px;}
.BillingInfo caption {color:#717171;padding:2px;padding-left: 5px;background:#fff ;border:1px solid #9                                                                  99;}
.BillingInfo td {background-color:#F2F2F2;padding:2px 5px 2px 5px;vertical-align:top;}
.BillingInfo td.first {width:400px;}
.BillingInfo .odd td {background-color:#F6F6F6; }
.BillingInfo td  span{font-weight:bold;}

/*>>> 201109: Groups                   */
/***************************************/
.information table { margin-bottom: 5px; }
.actions-box {
	width: 95%;
	overflow: auto;
	zoom: 1;
}
.options { float: right; }
.options form { float: right; }
.cleardiv { clear: both; }
.invisidiv, .selectmsg { display: none }
.members .submits, .member-controls fieldset, #showgmembers, #showavusers { float: left; }
#showavusers, #showgmembers, .member-controls fieldset { width: 45%; }
#addlink, #addcancel { display: none; }

div.formsubmit {
	text-align: center;
}

p.paging, div.paging {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

#actionboxtop {
	width: 547px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 0;
	border-bottom: 0;
}

#mergable {
	width: 557px;
	margin: 0px 2px 0px 2px;
	padding: 0;
	border-top: 0;
}

#actionboxbottom {
	width: 537px;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border-top: 0;
}

#substbl {
	width: 563px;
}

fieldset.tblfoot {
	width: 537px;
	margin-top: 5px;
}

.selectmsg {
	background-color: #ffffcc;
	text-align: center;
}

.consumption_table td.highlighted, .highlighted {
	background-color: #ffffcc;
}

#usertbl thead th, #membertbl thead th, .consumption_table thead th {
	min-width: 110px;
}
.loader {
	top: -20px;
	height: 120%;
	position: absolute;
	margin: 0 auto;
	z-index: 9999;
	background: #303030;
	opacity: 0.6;
	cursor: wait;
	width: 100%;
	display:none;
}


.scrollabletbl thead th {
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
}

.scrollabletbl td {
	min-width: 150px;
}

.scrollabletbl-container {
	height: 500px;
	position: relative;
	padding-top: 30px;
}

.scrollabletbl-container.wide {
	width: 900px;
}
.scrollabletbl-container.really-wide {
	width: 1150px;
}

.scrollabletbl-container.extra-wide {
	width: 1370px;
}

.scrollabletbl-header-background {
	background: #524C4C;
	height: 30px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
}

.scrollabletbl-container-inner {
	height: 90%;
	overflow-y: auto;
}

.scrollabletbl-container.sort-decoration {
	margin-right: 1em;
	min-width: 100px;
}

.scrollabletbl {
	width: 100%;
	overflow-y: auto;
}

.sort-decoration .th-inner {
	cursor:pointer;
}

.scrollabletbl thead .th-inner {
	color: #fff;
	position: absolute;
	top: 0;
	line-height: 30px;
	text-align: left;
	min-width: 140px;
}

.scrollabletbl span.sortArrow {
	background-image: url(../images/ooredoo/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding: 1px 10px;
	line-height: 20px;
}

.scrollabletbl .headerSortUp span.sortArrow {
	background-image: url(../images/ooredoo/asc.gif);
}

.scrollabletbl .headerSortDown span.sortArrow {
	background-image: url(../images/ooredoo/desc.gif);
}

.scrollabletbl .odd td {
	background-color: #e2e2e2;
}

/*>>> 201109: Limit Profiles           */
/***************************************/
#profiledata table thead th { margin: 3px; padding: 3px; }

em.required {
	color: #f00;
}

div.section {
	border-top: 1px dotted #717171;
	margin-top: 10px;
	margin-bottom: 10px;
}

#SubscribersList tr.subscriber-blocked td {
	background-color: #ffc4d3;
}

form.lpform fieldset {
	margin-bottom: 10px;
}

form.lpform legend {
	padding: 0 2px;
	font-weight: bold;
}

form.lpform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}

form.lpform fieldset ol {
	margin: 0;
	padding: 0;
}

form.lpform fieldset li {
	list-style: none;
	/*padding: 5px;*/
	margin: 0;
}

form.lpform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.lpform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.lpform fieldset fieldset label {
	margin-left: 20px;
}

form.lpform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

form.lpform label {
	width: 120px;
}

form.lpform div.section {
	border-top: 1px dotted #717171;
	margin-top: 10px;
	margin-bottom: 10px;
}

form.lpform label.error {
	margin-left: 5px;
	padding-left: 15px;
	color: red;
}

form.lpform fieldset fieldset label.error {
	margin-left: 125px;
	width: auto;
}

form.lpform input.error {
	border: 1px solid red;
}

#profilelist #mkprofileform, #profilelist #rmprofileform {
	display: inline;
}

#profselectform {
	margin-bottom: 10px;
}

#buttons_container { float: right; margin-bottom: 5px; }

#linkButton {
	background:none;
	border:none;
	padding:0;
	/*border is optional*/
	# border-bottom:1px solid blue;
	color:blue;
}

#linkButton:hover {
	border-bottom:1px solid blue;

}

.dynamictbl { width: 100%; table-layout: fixed; }
.dynamictbl thead th {
	color: #717171;
	background-image: url(../images/ooredoo/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	padding: 0.3em 1em;
	text-align: left;
	cursor: pointer;
}

.dynamictbl tr.even { background-color: #D9D9D9; }
.dynamictbl tr.even.selected {}
.dynamictbl tr.odd {}
.dynamictbl tr.odd.selected {}
.dynamictbl thead th.firsthead { border-left: none; }
.dynamictbl thead th.lasthead { border-right: none; }
.dynamictbl th.filtered { background-color: #C8C8C8; }
.dynamictbl th.headerSortDown {
	background-image: url(../images/ooredoo/desc.gif);
}

.dynamictbl th.headerSortUp {
	background-image: url(../images/ooredoo/asc.gif);
}

.dynamictbl th.selection { background-image: none; width: 5%; }
.dynamictbl td { padding: 4px; }

#pagination { margin: 15px 0 0 0; float: right; }
#pagination span {
	float:left;
	padding:1px;
	font-family:Arial;
	font-size:11px;
}

#pagination span#first ,div#pagination span#previous,
#pagination span#next ,div#pagination span#last {
	background-repeat: no-repeat;
	background-position: center right;
	height: 10px;
	width: 10px;
	display: block;
	float: left;
	padding: 6px 0 0 0;
}

#pagination a span { cursor:pointer; }
#pagination span#selected_page { font-weight:bold; }
#pagination span a {}
#pagination span#first { margin: 0 2px 0 0; }
#pagination span#previous { margin: 0 0 0 8px; }
#pagination span#next { margin: 0 8px 0 2px; }
#pagination span#last { margin: 0 13px 0 2px; }
#pagination span#previous_text { margin: 0 13px 0 0; }
#pagination span#next_text { margin:0 0 0 13px; }

.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	min-width: 100px;
	border: 1px solid #999999;
	background-color: #fff;
	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999;
}

div.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu li {
	margin: 0;
	padding: 2px;
	list-style: none;
	float: none;
}

.menu div.separator {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999999;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.menu li a, .dynamictbl .menu li a {
	display: block;
	text-decoration: none;
	color: #444444;
	font-weight: normal;
}

.menu li a:hover, .menu li:hover { background-color: #C8C8C8; }
.menu li.separator:hover {}

.highlight-1 {}
.highlight-2 {}
.data {}

.deployment-text {
	border: 1px solid #CCCCCC;
	margin: 10px;
	padding: 5px;
}

.deployment-text h4 { margin-top: 0px; }

.wrapped {
	white-space: pre-line;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	word-wrap: break-word;
}

.history_data_cell {

}

.hdc_section {
}

.hdc_label {
	font-weight: bold;
}

.hdc_value {
}

.hdc_value_before_collapser {
}

.hdc_collapsable_div {
}

.hdc_collapsable_element {
	font-style: normal;
	cursor: pointer;
}

.hdc_collapsed_value {
}


.currency_symbol {
	float: left;
	margin-left: 1px;
}

.monetary_value {
	float: left;
	margin-left: 10px;
}

.pie_chart_header {
	text-align: center;
	color: #E51C23;
	font-size: 16pt;
	/* background-color: #E6E6E6; */
	/* width: 410px; */
	/* height: 50px; */
	padding-top: 25px;
}

.account_type_name {
	display: inline-block;
	margin-right: 5px;
}

.ts1 {
	/* position: relative;
	margin-top: -140px;
	text-align: center; */
	text-align: left;
	margin-left: 100px;
}


.bottom_bill_date {
	display: inline;
}


.menu_table {
	border-bottom-width: 5px;
}

.menu_table th {
	padding: 1px;
}


.current_page {
	background-color: #CCCCCC;
}

.used_da_percentage {
	text-align: center;
}

.remaining_da_percentage {
	text-align: center;
}

.consumption_uc_value {
	text-align: center;
}

.consumption_ut_percentage {
	text-align: center;
}

.pie_chart_set {
	padding: 10px;
	background-color:#FFFF;
	border-width: 0px;
	border-style: none;
}

.pie_chart_set table {
	width: 100%;
	margin-bottom: 20px;
	border-spacing: 0px;
	/* border-collapse: collapse; */
}

.pie_chart_set table td {
	vertical-align:top;
	/* padding:2px 5px 2px 5px; */
	padding: 0px;
}

.pie_chart_set table caption  {
	font-size:large;
	color:#717171;
}

.pie_label_account_name {
	font-size: 20px;
	float: left;
	margin-right: 5px;
	padding-left: 10px;
}

.pie_label_percentage {
	font-size: 20px;
}

.pie_label_value {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.5);
	/* background-color: rgb(255, 255, 255); */
	padding-left: 10px;
	padding-right: 10px;
}

.legend_placeholder {
	margin-left: 60px;
}

.export_csv {
	padding-top: 20px;
	padding-bottom: 10px;
}

/*
 * Part for the user messages.
 */
	.user-messages{
		position:relative;
		width: 98%;
		background-color:#ffff00;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0px;
		padding-bottom: 5px;
	}

	.SubscriberFormSubmit {
		padding-left: 2em;
	}

	.user-messages ul{
		position:inherit;
		list-style-type: none;
	}
	/*
	 * End of the user messages part.
	 */

/* responsive design */

#header3 {
	margin-left: 90px;
	border-bottom: 1px solid #F0F0F0;
	padding:5px;
}

#navbar {
	float: left;
	width: 200px;
	margin-left: 80px;
}


#progressbar {
        width: 50%;
	font-family: CronoMM, Oxygen, Arial, sans-serif;
        position: fixed;
        margin-left: 25%;
        top: 200px;
        text-align: center;
        display: none;
        color: #E51C23;
        background-color: #EEEFF1;
	border-radius: 4px;
	box-shadow: 3px 3px 8px #303030;
        font-weight: 100;
        font-size: 30px;
}