body
{
}
.HeaderPageStyle
{
    background-color: #C0C0C0;
    height: 100px;
}
.SubmenuStyle
{
    background-color: #F4F4F3;
    border-color: Black;
    border-bottom: 2px solid #D6D6D6;
}
.Submenu2Style
{
    background-color: #F4F4F3;
    border-color: Black;
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}
.StaticHoverStyle
{
    background-color: #F4F4F3;
    color: Teal;
    font-weight: bold;
    border-bottom: 0px;
}
.DynamicHoverStyle
{
    color: Red;
    font-weight: bold;
    border-bottom: 0px;
}

.MainMenuDivStyle
{
    background: #F4F4F3;
    height: 34px;
    border-bottom: 2px solid #D6D6D6;
    width: 100%;
}

.DefaultWindowGridHeaderStyle
{
    background-color: #D6D6D6;
}

.DefaultWindowTableStyle
{
	border-color: #D6D6D6;
	border-style: solid;	
}
.content
{
    width: 92%;
    margin: auto;
}
#topbar
{
    height: 70px;
    background-image: url(../images/hamzah_top.gif); /*background : #000;*/
    width: 92%;
    color: #FFF;
    margin: auto;
}
.time_arabic_english
{
    float: right;
    padding: 12px 10px 0 0;
    font: bold Arial, Sans-Serif;
}
.hamzah_address
{
    text-align: center;
    left: -70%;
    padding-top: 10px;
    font: bold Arial, Sans-Serif;
}
.padding
{
    padding: 10px;
}
.right_side
{
    float: right;
    width: 100%;
    background: #F4F4F3;
    overflow: hidden;
}
.right_side .pad
{
    padding: 0 0 10px 17px;
}
.right_side p
{
    padding: 0 0 5px 5px;
}
.right_side ul
{
    padding: 3px 0 12px 0px;
}
.extra
{
    background: #F4F4F3;
    color: #454545;
    border-top: 4px solid #e5e5e5;
    border-bottom: 4px solid #e5e5e5;
    margin-bottom: 10px;
}
.right_side .extra .padding
{
    padding: 10px;
}
#left_side blockquote
{
    padding-left: 10px;
    border-left: 3px solid #a7cc44;
    margin: 10px 0 10px 25px;
}
#footer
{
    clear: both;
    width: 100%;
    margin: 0 0 6em 0;
    padding: 10px 0px 0 10px;
    color: #777;
    background: inherit;
    line-height: 1.7em;
}
#footer .right
{
    float: right;
    padding-right: 20px;
}
#footer a
{
    text-decoration: none;
    background: inherit;
}
#footer .fmenu
{
    background: inherit;
    padding: 0;
    margin: 0;
    text-align: center;
}
#footer .fmenu a
{
    color: #74797E;
    background: inherit;
    text-decoration: none;
    padding: 0 10px 0 0px;
}
#footer .fmenu a:hover
{
    color: #000;
    background: inherit;
    text-decoration: underline;
}
#footer .fmenu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .fmenu li
{
    float: left;
    margin: 0 10px 0 0px;
    display: inline;
}
h3
{
    padding: 4px 0;
    margin: 0;
    font: bold Arial, Sans-Serif;
    font-size: small;
    text-align: center;
}
h2
{
    font: bold 1.6em Arial, Sans-Serif;
    letter-spacing: -1px;
    font-size: small;
    text-align: left;
}
.TableHeader
{
	background: url(/images/grn-bk.png);
    font-family: Verdana;
    color: white;
    font-weight: bold;
    font-size: 11px;
    height: 21px; /*border-left: 1px #c6c6c6 solid;*/
    text-align: left;
    padding-left: 5px;
}

PrayerTimesTable
{
    background-color: #FFF;
    border-color: Black;
    border-width: 1px;
}

 
/***Body LAyout******/

.pageTitle h1

{

    font-family: Verdana, Arial;

    color: Black;

    font-size: large;

    font-weight: bold;

    text-align: left;

    line-height: 2px;

}

 

.pageTitle2 h1

{

    font-family: Verdana, Arial;

    color: #9D9D9D;

    font-size: small;

    font-weight: bold;

    text-align: left;

    line-height: 2px;

}

 

.myDiv

{

    position: relative;

    top: 10px;

    left: 254px;

    width: 680px;

    height: 100%; /*background-color:red;*/

    padding: 20px 20px 20px 20px;

}

 

table.newSFtableStyle

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

}

/*

.newSFtableStyle tr

{ 

 height:30px;

}*/

/*#newSFtableStyleSA

{ 

 height:50px;

}*/

.newSFtableRowStyleSA

{

    height: 60px;

}

 

.headerGray

{

    background: url(App_Themes/Default/images/newStyleItems/gry-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px;

    border: 1px #c6c6c6 solid;

}

 

.headerGreen

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px;

    padding: 0px 6px 0px 6px;

    border: 1px #c6c6c6 solid;

}

.headerBlack

{

    background-color: #000;

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px;

    padding: 0px 6px 0px 6px;

    border: 1px #c6c6c6 solid;

}

/******New Geo Fence******/

.mygeoDiv

{

    position: relative;

    top: 10px;

    left: 250px;

    width: 725px;

    height: 820px; /*background-color:red;*/

    padding: 20px 20px 20px 0px;

}

 

.DefaultGeoTable

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

}

 

.DefaultGeoTable th

{

    padding: 0px 6px 0px 6px;

}

 

.DefaultGeoTable td

{

    height: 25px;

    padding: 5px 5px 0px 5px;

}

 

.DefaultGeoTable2

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

}

 

.DefaultGeoTable2 th

{

    padding: 0px 6px 0px 6px;

}

 

.DefaultGeoTable2 td

{

    border: 1px #c6c6c6 solid;

}

 

.geoStep1

{

    position: relative;

    left: 0px;

    top: 0px;

}

 

.geoStep1a

{

    /*width:400px;*/

    float: right;

    position: absolute;

    left: 320px;

    top: 48px;    

}

 

.geoStep2

{

    position: relative;

    left: 0px;

    top: 15px;

}

 

.geoStep3

{

    position: relative;

    left: 0px;

    top: 25px;

}

 

.geoStep4

{

    position: absolute; /*float:right;*/

    left: 309px;

    top: 685px;

}

.geoStep5

{

    position: absolute;

    left: 549px;

    top: 685px;

}

 

.geoStep6

{

    /*float:right;*/

    position: absolute;

    left: 300px;

    top: 805px;

}

 

#test

{

    position: relative;

    left: 0px;

    top: 15px; /*background-color:Red;*/

}

 

.maxChar

{

    font-size: x-small;

    text-align: center;

    color: #9a9a9a;

    height: 5px;

}

 

.maxChar2

{

    height: 20px;

}

/*************GeoManage**************************/

.mymanDiv

{

    position: relative;

    top: 10px;

    left: 250px;

    width: 725px;

    height: 820px; /*background-color:Fuchsia*/

    padding: 20px 20px 20px 0px;

}

 

 

.manageGrid

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border-collapse: collapse;

    border-spacing: 0px;

}

 

.manageGrid td

{

    border: solid 1px #CDCDCD;

    height: 25px;

    text-align: center;

    padding: 5px;

}

 

.manageGridRow

{

    /*border: solid 1px #CDCDCD;*/

    height: 25px;

}

 

.manageGrid .mtnameCol

{

    border: 0px none;

    height: 25px;

    width: 80px;

}

 

.manageGrid .noCol

{

    border-right: none;

    border-left: none;

    height: 25px;

}

 

.manageGrid td a

{

    color: Blue;

    text-decoration: none;

    font-weight: bold;

}

 

.manageGrid td a:hover

{

    color: #000000;

    text-decoration: none;

    font-weight: bold;

}

 

.manageGrid th

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px; /*border-left: 1px #c6c6c6 solid;*/

    text-align: left;

    padding-left: 5px;

}

.manageGridAltItem

{

    background-color: #eeeeee;

}

 

 

/*********Forms*******Buttons***************/

input.ok_btn

{

    display: inline-block;

    width: 47px;

    height: 22px;

    text-decoration: none;

    font-size: 11px;

    border: none;

    background: url(/images/ok3.png) no-repeat;

}

 

input.ok_btn:hover

{

    background-position: 0 -23px;

    color: White;

}

 

input.ok_btn[disabled]

{

    background-position: 0 -45px;

}

 

/* Rounded Corner */

.txtshell

{

    background: url(/images/rounded.png) no-repeat top left;

    height: 22px;

    width: 164px;

}

.txtnpt

{

    border: 0;

    width: 148px;

    background: none;

    margin: 0 0 0 7px;

    padding-bottom: 3px;

}

 

/*****Speed Alerts*****/

#saStep1

{

    position: relative;

    top: 20px;

    left: 0px; /*-235*/

    width: 200px;

    height: 100%; /*background-color:Blue;*/

    padding: 5px;

}

#saStep2

{

    position: relative;

    top: -74px;

    left: 220px;

    width: 200px;

    height: 100%; /*background-color:Blue;*/

    padding: 5px;

}

#saStep3

{

    position: relative;

    top: -168px;

    left: 435px;

    width: 220px;

    height: 100%; /*background-color:Blue;*/

    padding: 5px;

}

#saStep4

{

    position: relative;

    top: -170px;

    left: 470px;

    width: 200px;

    height: 100%; /* background-color:Blue;*/

    padding: 1px;

}

 

 

.txtshellSA

{

    background: url(/images/rounded.png) no-repeat top left;

    height: 22px;

    width: 164px;

    margin-left: 25px;

}

.txtnptSA

{

    border: 0;

    width: 148px;

    background: none;

    margin: 0 0 0 -15px;

    padding-bottom: 3px;

}

 

.maxCharSA

{

    font-size: x-small;

    text-align: right;

    color: #9a9a9a;

    height: 20px;

    margin-left: 15px;

}

 

.maxChar2SA

{

    height: 20px;

}

 

/*****Speed Alerts diagnostics*****/

 

.sadStep1

{

    position: relative;

    top: 0px;

    left: 125px;

    width: 200px;

    height: 100%; /*background-color:Blue;*/

    padding: 5px;

}

.sadStep2

{

    position: absolute;

    top: 80px;

    left: 355px;

    width: 220px; /*background-color:Blue;*/

    padding: 5px;

}

.sadStep3

{

    position: relative;

    top: 10px;

    left: 382px;

    width: 200px; /* background-color:Blue;*/

    padding: 1px;

}

 

/************Alerts Summary******************/

 

table.newSFAlertsSumtableStyle

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

}

 

#alertsSumRw

{

    height: 30px;

}

 

#alertsSumRw2

{

    height: 30px;

    background-color: #CDCDCD;

}

 

/********Recalls******************/

/*****Grid*********/

.recallsGrid

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

}

 

.recallsGrid td

{

    border: solid 1px #CDCDCD;

    height: 25px;

    text-align: center;

}

 

.recallsGridRow

{

    border: solid 1px #CDCDCD;

    height: 25px;

}

 

.recallsGrid .recordIDcol

{

    border: solid 1px #CDCDCD;

    height: 25px;

    width: 80px;

}

 

.recallsGrid .componentIDcol

{

    border: solid 1px #CDCDCD;

    height: 25px;

    width: 620px;

}

 

.recallsGrid td a

{

    color: Green;

    text-decoration: none;

    font-weight: bold;

}

 

.recallsGrid td a:hover

{

    color: #CDCDCD;

    text-decoration: none;

    font-weight: bold;

}

 

.recallsGrid th

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px;

    border-left: 1px #c6c6c6 solid;

    text-align: center;

}

.recallsGridAltItem

{

    background-color: #CDCDCD;

}

 

/******Details*****/

 

.recallsGrid2

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

    width: 680px;

}

 

.recallsGrid3 table

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

    width: 680px;

}

 

.recallsGrid2 td

{

    border: solid 1px #bababa;

    height: 20px;

    text-align: left;

    padding: 5px;

}

 

.tdlabel

{

    font-weight: bold;

}

 

.recallsGrid2 .vdalt

{

    border: solid 1px #CDCDCD;

    height: 20px;

    text-align: left;

    padding: 5px;

    background-color: #CDCDCD;

}

 

.recallsGrid3 th

{

    background: url(/images/gry-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px;

    border-left: 1px #c6c6c6 solid;

    text-align: center;

}

 

.recallsGrid3 td

{

    border: solid 1px #bababa;

    height: 20px;

    text-align: left;

    padding: 5px;

}

 

/*****Acoount Info**************/

 

.accountInfo

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

    width: 680px;

}

 

.accountInfo table

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

    width: 680px;

}

 

.accountInfo td

{

    border: solid 1px #bababa;

    height: 20px;

    text-align: left;

    padding: 5px;

}

 

.tdlabel

{

    font-weight: bold;

}

 

.accountInfo .vdalt

{

    border: solid 1px #CDCDCD;

    height: 20px;

    text-align: left;

    padding: 5px;

    background-color: #CDCDCD;

}

 

.accountInfo th

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px;

    border-left: 1px #c6c6c6 solid;

    text-align: center;

}

 

.accountInfo td

{

    border: solid 1px #bababa;

    height: 20px;

    text-align: left;

    padding: 5px;

}

 

/*************Geo FEnce***********************/

 

.mygeoDiv2

{

    position: relative;

    top: 10px;

    left: 254px; /*width:100%;*/ /*height:auto;*/ /*background-color:red;*/

    padding: 20px 20px 20px 20px;

}

 

 

 

.geoFenceStyle table

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

}

 

.geoFenceStyle th

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px; /*border-left: 1px #c6c6c6 solid*/ /*text-align:left;*/

    padding: 0 4px 0 4px;

}

 

 

.geoFenceStyle td

{

    border: solid 0px #bababa;

    height: 25px; /*text-align:left*/

    padding: 5px;

}

 

.geoFenceStyle2 table

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

    width: auto;

}

 

.geoFenceStyle2 th

{

    /*background: url(/images/gry-bk.png)*/

    background: #000000;

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px; /*border-left: 1px #c6c6c6 solid*/ /*text-align:left;*/

    padding: 0 4px 0 4px;

}

 

 

.geoFenceStyle2 td

{

    /*border: solid 1px #bababa;*/

    height: 25px; /*text-align:left;*/

    padding: 5px;

}

 

.geoFenceStyle2a table

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

}

 

.geoFenceStyle2a th

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px; /*border-left: 1px #c6c6c6 solid*/ /*text-align:left;*/

    padding: 0 4px 0 4px;

}

 

 

.geoFenceStyle2a td

{

    border: solid 0px #bababa;

    height: 25px; /*text-align:left*/

}

 

 

 

.geoFenceStyle3 table

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

    width: auto;

}

 

.geoFenceStyle3 th

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px; /*border-left: 1px #c6c6c6 solid*/ /*text-align:left;*/

    padding: 0 4px 0 4px;

}

 

 

.geoFenceStyle3 td

{

    height: 18px; /*border: solid 1px #bababa;*/ /*text-align:left;*/

    padding: 5px;

}

 

.geoFenceStyleMan table

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

    width: 580px;

    display: inline;

}

 

.geoFenceStyleMan th

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px; /* border-left: 1px #c6c6c6 solid     /*text-align:left;*/

    padding: 0 4px 0 4px;

}

 

 

.geoFenceStyleMan td

{

    border: solid 1px #bababa;

    height: 30px;

    display: inline; /*text-align:center;*/

    padding: 5px;

}

 

.geoFenceStyleMan td a

{

    color: Blue;

    text-decoration: none;

    font-weight: bold;

}

 

.geoFenceStyleMan td a:hover

{

    color: #CDCDCD;

    text-decoration: none;

    font-weight: bold;

}

 

/*****Geo positon*****/

 

 

 

.geoStepSimp3Create

{

    position: relative;

    left: 0px;

    top: -320px;

    width: 220px;

}

 

.geoStepSimp4Create

{

    position: relative;

    left: 248px;

    top: -378px;

    width: 300px;

}

 

/*on GeoPage SImple*/

.geoStepSimp3

{

    position: relative;

    left: 0px;

    top: -58px;

    width: 220px;

}

 

.geoStepSimp4

{

    position: relative;

    left: 230px;

    top: -131px;

    width: 300px;

}

 

 

/*

input.days_btn { display:inline;    width: 17px;     height: 18px; font-size: 11px; text-decoration: none;     background: url("images/newStyleItems/smallbtns.png") no-repeat;     }

input.days_btn:hover {     background-position: 0 -19px;     } 

input.days_btn[disabled] {background-position: 0 -37px;  }*/

 

/*

.maxChar

{

    font-size:x-small;

    text-align:right;

    color:#9a9a9a;

    height:20px;

}

*/

/**************************myprofile******************************/

.myproDiv

{

    position: relative;

    top: 80px;

    left: 254px;

    /*width: 680px;*/

    height: 100%; /*background-color:Fuchsia;*/

    padding: 20px 20px 20px 20px;

}

.myProfGrid table

{
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-spacing: 0px;
}

 

.myProfGrid td

{
    height: 25px;
    text-align: center;
    padding: 5px;
}

 

.myProfGridRow

{

    /*border: solid 1px #CDCDCD;*/

    height: 25px;

}

 

/*

.myProfGrid .mtnameCol

{

    border: 0px none;

    height: 25px;

    width: 80px;

}

 

.myProfGrid .noCol

{

    border-right: none;

    border-left: none;

    height: 25px;

}

*/

 

.myProfGrid td a

{

    color: Blue;

    text-decoration: none;

    font-weight: bold;

}

 

.myProfGrid td a:hover

{

    color: #000000;

    text-decoration: none;

    font-weight: bold;

}

 

.myProfGrid th

{
    font-family: Verdana;
    color: white;
    font-weight: bold;
    font-size: 11px;
    height: 21px; /*border-left: 1px #c6c6c6 solid;*/
    text-align: left;
    padding-left: 5px;
}

.myProfGridAltItem

{

    background-color: #eeeeee;

}

 

 

.myProStyle table

{

    font-family: Verdana;

    font-weight: normal;

    font-size: 11px;

    color: #404040;

    background-color: #FFFFFF;

    border: 1px #c6c6c6 solid;

    border-collapse: collapse;

    border-spacing: 0px;

}

 

.myProStyle th

{

    background: url(/images/grn-bk.png);

    font-family: Verdana;

    color: white;

    font-weight: bold;

    font-size: 11px;

    height: 21px; /*border-left: 1px #c6c6c6 solid*/ /*text-align:left;*/

    padding: 0 4px 0 4px;

}

 

 

.myProStyle td

{

    /*border: solid 1px #bababa;*/

    height: 20px; /*text-align:left;*/

    padding: 5px;

}

 

.proStep1

{

    /*width:709px;*/

    position: relative;

    left: 0px;

    top: 0px;

}

 

.proStep2

{

    /*width:709px;*/

    position: relative;

    left: 360px;

    top: -246px;

}

 

.proStep3

{

    /*width:709px;*/

    position: relative;

    left: 360px;

    top: -220px;

}

 

.proStep4

{

    /*width:709px;*/

    position: relative;

    left: 0px;

    top: -160px;

}

 

.myproStepPan

{

    width:700px;

}

 

 

.proStep5

{

    /*width:709px;*/

    position: relative;

    left: 600px;

    top: -150px;

}