/*--------------Menu------------------------------------------------------------*/
#jsddm
{
    margin: 0;
    padding: 0;
}

#jsddm li
{
    float: left;
    list-style: none;
    line-height: 20px;
    color: #ffffff;
}

#jsddm li a
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 20px 7px 20px;
    line-height: 20px;
    color: #ffffff;
}

#jsddm li a.active, 
{
    border-top: 0px;
    border-bottom: 0px;
    line-height: 20px;  
    background: #FFFFFF repeat-x top left;
    color: #777;
    border-top: 1px solid #7db441;
}

#jsddm li a:hover
{
    border-top: 0px;
    border-bottom: 0px;
    line-height: 20px;    
    color: #ffffff;
    background: #7db441 repeat-x top left;
}

#jsddm li ul
{
    width: 180px;
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 0px;
    background: #7db441 repeat-x top left;
    border: solid 1px #7db441;
}

#jsddm li ul li
{
    float: none;
    display: inline;
}

#jsddm li ul li a
{
    padding: 5px;
}

#jsddm li ul li a:hover
{
    background: #0095d5 repeat-x top left;
    padding: 5px;
    border: 0px;
}
/*---------------------------------------------      General  ----------------------------------------------------------------*/

body
{
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif; /* font-family:"Lucida Sans  Unicode","Lucida Grande",Arial,Helvetica,sans-serif;*/
    color: #777;
    margin: 0;
    padding: 0;
    font-size: 11px;
    outline: none;
}
p
{
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.itemstyle
{
    text-align: right;
    width: auto;
}
table, button, a, a:hover, div, span, button.hover, checkbox, td, tr, th, input
{
    outline: none;
}
RadGrid
{
    margin-top :20px;
}
label, input, button, select, textarea, textfield
{
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
}
a:hover
{
    color: #777;
}
.help
{
    visibility: hidden;
}
div
{
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.ClearDiv
{
    clear:both;
}
/*---------------------------------------------   End   General  ----------------------------------------------------------------*/

/*---------------------------------------------     HTML Controls  ----------------------------------------------------------------*/
a
{
    outline: 0px;
    color: #808080;
    text-decoration: none;
    outline: none;
}
a img
{
    outline: 0px;
    border: 0px;
    text-decoration: none;
    vertical-align: middle;
}
select
{
    margin: 0px;
    float: left;
    padding: 0 !important;
    border: 1px solid #999999;    
    -moz-border-radius: 3px;
    outline: none;
    height: 25px;
    max-width: 180px;
    line-height: 25px;
    -webkit-appearance: textfield;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    display: inline-block;
    text-align: -webkit-auto;
    position: relative;
    top: 0px;
    left: 0px;
}
select option
{
    line-height: 18px;
    text-indent: 2px;
}
input.drpbuttonstyle, a.drpbuttonstyle
{
    width: 133px;
}
input.buttonstyle, a.buttonstyle
{
    background: #0077AA repeat-x 0px 0px;
    padding: 5px 8px 4px 8px;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
    font-size: 12px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    position: relative;    
    cursor: pointer;    
    border: solid 1px #ccc;
    color: #fff;    
}
input.upgradebuttonstyle, a.upgradebuttonstyle
{
    padding: 5px 16px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 12px;
    cursor: default;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    position: relative;
    cursor: pointer;
}
.formbutton_Centre
{
    text-align: center;
    margin: 0 auto;
}
.ds1
{
    margin: 0;
    padding: 0;
}
div.wrapper1
{
    float: left;
    overflow: hidden;
    position: relative;
}
div.outer1
{
    clear: left;
    float: left;
    left: 50%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}
div.inner1
{
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
    color: #FFF;
    text-align: center;
}
input.buttonsmall, a.buttonsmall
{
    padding: 5px 8px 4px 8px;
    text-decoration: none;
    display: block;
    float: left;
    border: solid 1px #ccc;
    min-width: 50px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;    
    position: relative;
    cursor: default;
}
input.buttonsmall:hover, a.buttonsmall:hover
{
    padding: 5px 8px 4px 8px;
    text-decoration: none;
    display: block;
    float: left;
    min-width: 50px;
    position: relative;
}
input[type="text"]
{
    padding: 0px;
    margin: 0px;
}
input[type="submit"][disabled]
{
    
    
   
    border: solid 1px #ccc;
     
    
    
    
    background: #CCCCCC repeat-x 0px 0px;
   
    padding: 4px 8px 4px 8px;
    color: #fff;
   
    display: block;
    
    
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    cursor: default;
}
input.buttongloal
{
    background: #808080;
    border: solid 1px #ccc;
    color: #fff;
    padding: 3px 5px;
    text-decoration: none;
    display: block;
    float: right;
}
input.buttongloal:hover
{
    background: #288db1;
    color: #fff;
    border: solid 1px #ccc cursor: pointer;
    display: block;
    float: right;
    padding: 3px 5px;
}
input[type="text"], input[type="password"]
{
    border: 1px solid #999999;
    margin: 0px 0px 0px 1px;
    padding: 0px !important;
    -moz-border-radius: 3px;
    outline: none;
    height: 22px;
    line-height: 22px;
    width: 180px;
    -webkit-appearance: textfield;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    display: inline-block;
    text-align: -webkit-auto;
}
input[type="text"]:focus, input[type="password"]:focus, textarea.focus
{
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.10);
}
textarea
{
    border: 1px solid #999999;
    -moz-border-radius: 3px;
    background: #fff;
    outline: none;
    height: 50px;
    -webkit-appearance: textfield;
    width: 180px;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    display: inline-block;
    text-align: -webkit-auto;
    position: relative;
    top: 0px;
    left: 0px;
}
/*---------------------------------------------  Grid Style  --------------------------------------------*/

.gridfooterstyle
{
    color: #CC00CC;
}
.gridaltrowstyle
{
    background-color: #FFFFFF;
    color: #000;
    height: 13px;
    line-height: 11px;
}
.gridrowhead td
{
    color: White;
}


table.gridstyle tr
{
    padding: 3px;
    color: #000000;
    font-size: 12px;
    border-color: #FFFFFF;
}
table.gridstyle td
{
    border-color: #FFFFFF;
    font-weight: normal;
}
table.gridstyle
{
    border-left: 0px;
    border-right: 0px;
    color: #000000;
    border-color: #FFFFFF;
}
table.gridstyle tr th
{
    color: #000000;
    /*text-align: left;*/
    font-size: 12px;
    font-weight: bold;
    border-color: #FFFFFF;
}



table.gridrowhead th
{
    color: #000000;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    border-color: #FFFFFF;
}


table.gridstylesubscription tr
{
    color: #000000;
    font-size: 11px;
    border-color: #FFFFFF;
    line-height: 11px;
}
table.gridstylesubscription td
{
    border-color: #FFFFFF;
}
table.gridstylesubscription
{
    border: none;
    color: #FFFFFF;
    border-color: #FFFFFF;
}
table.gridstylesubscription tr th
{
    color: #000000;
    padding-top: 10px;
    font-size: 11px;
    font-weight: bold;
    border-color: #FFFFFF;
}

.emptrygridstyle
{
    height: 50px;
    vertical-align: middle;
}

tr.emptrygridstyle td
{
    font-size: 12px;
    padding: 10px 300px 10px 450px;
}

/*---------------------------------------------  End Grid Style  --------------------------------------------*/
/*---------------------------------------------   End HTML  Controls  ----------------------------------------------------------------*/
.wrapper
{
    width: 99%;
    margin: 0px auto;
    padding: 0px;
}
.wrapperin
{
    width: 99%;
    padding: 0px;
    margin: 3px;
    border: solid 1px #d9d9d9;
    float: left;
}
.header
{
    width: 98%;
    float: left;
    background: #fff;
    position: relative;
    margin-left: 5px;
    margin-top: 1px;
}
.footer
{
    color: #C0C0C0;
    text-align: center;
    width: 100%;
    float: left;
    padding: 2px 0px;
}
.buttonfooter
{
    text-align: center;
    width: 100%;
    float: left;
    padding: 2px 0px;
}
.logo
{
    text-align: center;
    width: 10%;
    float: left;
    position: relative;
}
.navigation
{
    overflow: auto;
    width: 85%;
    height: 100px;
    float: right;
    position: relative;
}
.navigation ul
{
    margin: 0px;
    padding: 0px;
    text-align: right;
}
.navigation ul li
{
    list-style: none;
    display: inline-block;
    padding: 0px 1% 0px 4%;
    text-align: center;
    float: right;
}
.navigation ul li a
{
    display: block;
    color: #000;
    font-size: 1em;
    text-decoration: none;
    text-align: center;
}
.navigation ul li a:hover
{
    color: #39adc7;
}
.navbar
{
    background: url(App_Themes/Default/Images/nav.jpg) #0095d5 repeat-x top left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
    z-index: 100;
    color: White;
}
.content
{
    width: 100%;
    padding: 10px 0% 0px 0%;
    float: left;
}
.content-b
{
    width: 100%;
    padding: 0px 0% 15px 0%;
    float: left;
}
.corner-round-main
{
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.border-gray
{
    border: 1px solid #CDCDCD;
}
/*Font Size */
.font14px
{
font-size: 14px;
}

/*Loading Image */
.LoadingImage
{
    position: absolute;
    left: 46%;
    top: 50%;
}

/*--------------Float------------------------------------------------------------*/
.floatl
{
    float: left;
}
.floatr
{
    float: right;
}
/*--------------Padding----------------------------------------------------------*/
.padb5
{
    padding-bottom: 5px;
}

.padb10
{
    padding-bottom: 10px;
}
.padl120
{
    padding-left : 120px;
}


.padl5
{
    padding-left: 5px;
}
.padt15
{
    padding-top: 15px;
}
.padt25
{
    padding-top: 25px;
}
.padt50
{
    padding-top: 50px;
}
.padt5
{
    padding-top: 5px;
}
.padt10
{
    padding-top: 10px;
}
.padt3
{
    padding-top: 3px;
}
.padl5
{
    padding-left: 5px;
}
.padl10
{
    padding-left: 10px;
}
.padl15
{
    padding-left: 15px;
}
.padl20
{
    padding-left: 20px;
}
.padl30
{
    padding-left: 20px;
}

.padb15
{
    padding-bottom: 15px;
}
.padb20
{
    padding-bottom: 20px;
}
.padl78
{
    padding-left: 78px;
}
.padr10
{
    padding-right: 10px;
}
.padr15
{
    padding-right: 15px;
}
.padr20
{
    padding-right: 20px;
}
.padr25
{
    padding-right: 25px;
}
.padr30
{
    padding-right: 30px;
}
.padr35
{
    padding-right: 35px;
}
.padr40
{
    padding-right: 40px;
}
/*--------------Margins------------------------------------------------------------*/
.marb50
{
    margin-bottom: 50px;
}
.marl50
{
    margin-bottom: 50px;
}
.marr10
{
    margin-right: 10px;
}
.mart50
{
    margin-top: 50px;
}
.mart3
{
    margin-top: 3px;
}
.mart30
{
    margin-top:30px
}
/*--------------Width------------------------------------------------------------*/
.w100
{
    width: 100%;
}
.w25
{
    width: 26%;
}
.w35
{
    width: 35%;
}
.wV
{
    width: 38%;
}

.w80
{
    width: 87%;
}
.w85
{
    width: 83%;
}
.w20
{
    width: 13%;
}
.w99
{
    width: 99%;
}

.w47
{
    width: 48%;
}
.w50
{
    width: 50%;
    float: left;
}
.w48l
{
    width: 48%;
    float: left;
}
.w48r
{
    width: 48%;
    float: right;
}

.w60
{
    width: 60%;
}
/*--------------Position------------------------------------------------------------*/
.vmiddle
{
    vertical-align: middle;
}
/*--------------Module Titles------------------------------------------------------------*/
.modulehead
{    
    /*--old property-*/
    
    color: #0095d5;
    font-size: 14px;
    font-weight: bold;
    padding-left: 35px;
    height: 35px;

    
    /*--add belown property-*/
    /*
    width: 99.21%;
    height: 35px;
    line-height: 30px;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    background-color: #E6F4FB;
    border-radius: 10px 10px 0px 0px;
    behavior: url(../Scripts/PIE.htc);*/
}
.Staff
{
    background-image: url(../Images/Module/entry_saved.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.DailyEntries
{
    background-image: url(../Images/Module/entry_saved.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.GeneratorStatus
{
    background-image: url(../Images/Module/entry_saved.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.FuelStock
{
    background-image: url(../Images/Module/entry_saved.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.FuelDelivery
{
    background-image: url(../Images/Module/fuel_tanker.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Summary
{
    background-image: url(../Images/Module/icon_summary.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.Contact
{
    background-image: url(../Images/Module/contact.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Contractor
{
    background-image: url(../Images/Module/contractor.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.LandLord
{
    background-image: url(../Images/Module/contact.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Asset
{
    background-image: url(../Images/Module/asset.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.AssetAllocation
{
    background-image: url(../Images/Module/asset_allocation.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.AssetDisposal
{
    background-image: url(../Images/Module/asset_disposal.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.RentalPayments
{
    background-image: url(../Images/Module/rentalPayments.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.BuildingInformation
{
    background-image: url(../Images/Module/building_info.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Furniture
{
    background-image: url(../Images/Module/furniture.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Tool
{
    background-image: url(../Images/Module/tool.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.WhiteGoods
{
    background-image: url(../Images/Module/whitegoods.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.Alert
{
    background-image: url(../Images/Module/alert.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Generator
{
    background-image: url(../Images/Module/generator.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.User
{
    background-image: url(../Images/Module/users.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Permission
{
    background-image: url(../Images/Module/permission.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.PowerSecurity
{
    background-image: url(../Images/Module/contact.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.powerStation
{
    background-image: url(../Images/Module/PowerStation.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.FuelTank
{
    background-image: url(../Images/Module/Fueltank.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Report
{
    background-image: url(../Images/Module/report_icon.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.Default
{
    background-image: url(../Images/Module/42px-Colorful_Chart_Icon_vol2.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Center
{
    background-image: url(../Images/Module/centre.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Alert
{
    background-image: url(../Images/Module/alert.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.BusinessGroup
{
    background-image: url(../Images/Module/business_group.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.BusinessUnit
{
    background-image: url(../Images/Module/business_group.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Suburb
{
    background-image: url(../Images/Module/suburb.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.AccomodationAllocation
{
    background-image: url(../Images/Module/accomodation_allocation.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.backcolour
{
    color:Blue;
}
.AccomodationApplication
{
    background-image: url(../Images/Module/accomodation_application.png);
    background-repeat: no-repeat;
    background-position: left top;
}    
.Institution
{
    background-image: url(../Images/Module/Institution.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.PropertyInspectionSchedule
{
    background-image: url(../Images/Module/Institution.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManageRequest
{
    background-image: url(../Images/Module/land.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Land
{
    background-image: url(../Images/Module/Institution.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.OfficeEquipment
{
    background-image: url(../Images/Module/OfficeEquipment.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.AssetCategory
{
    background-image: url(../Images/Module/assetCategory.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.ManageRatesUtilityPayment
{
    background-image: url(../Images/Module/rate_utility_payment.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ServiceRequest
{
    background-image: url(../Images/Module/report_icon.png);
    background-repeat: no-repeat;
    background-position: left top;
}
ManagePropertyInspection
{
    background-image: url(../Images/Module/Institution.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.MaintenanceWork
{
    background-image: url(../Images/Module/Institution.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Region
{
    background-image: url(../Images/Module/region.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.CenterSecurity
{
    background-image: url(../Images/Module/center_security.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Role
{
    background-image: url(../Images/Module/role.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.UserDefine
{
    background-image: url(../Images/Module/userdefcode.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.lead
{
    background-image: url(../Images/Module/lead.png);
    background-repeat: no-repeat;
    background-position: left top;
}
/*--------------Button------------------------------------------------------------*/
input.buttonstyle, a.buttonstyle
{
    padding: 5px 8px 4px 8px;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
    font-size: 12px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    position: relative;
    behavior: url(../Scripts/PIE.htc);
    cursor: pointer;
    background: #0077AA repeat-x 0px 0px;
    border: solid 1px #ccc;
    color: #fff;
     padding: 5px 8px 4px 8px;
    top: 0px;
    left: 0px;
    height: 32px;
}

.gridv-h
{
    width: 99.21%;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    background-color: #E6F4FB;
    border-radius: 10px 10px 0px 0px;
    behavior: url(../Scripts/PIE.htc);
}
.gridv-b
{
    width: 99.3%;
    height: 30px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    background-color: #CCCCCC;
    border-radius: 0px 0px 10px 10px;
    behavior: url(../Scripts/PIE.htc);
}

.content-login
{
    padding: 15px;
    width: 350px;
    margin: 7% auto 0;
}
/* Bhavik's Change */
.col-1
{
    width: 17%;
    padding-right: 5px;
    float: left;
    text-align: right;
    color: #808080;
    margin: 0px;
    border: 1px solid transparent;
    position: relative;
    font-weight: bold;
    top: 0px;
    /*left: -22px;*/
}
.col-1Big20
{
    width: 20%;
    padding-right: 5px;
    float: left;
    text-align: right;
    color: #808080;
    margin: 0px;
    border: 1px solid transparent;
    position: relative;
    font-weight: bold;
}
.col-2
{
    margin: 0px;
    width: 29%;
    float: left;
    text-align: left;
    border: 1px solid transparent;
    position: relative;
}
.col-3
{
    margin: 0px;
    width: 15%;
    padding-right: 5px;
    float: left;
    text-align: right;
    color: #808080;
    border: 1px solid transparent;
    position: relative;
    font-weight: bold;
    
}
.col-image
{
    font-weight: bold;
    top: 0px;
    left: -22px;
    margin: 0px;
    width: 35%;
    padding-right: 5px;
    float: left;
    text-align: right;
    color: #808080;
    border: 1px solid transparent;
    position: relative;
    font-weight: bold;
}
.col-4
{
    margin: 0px;
    width: 30%;
    float: left;
    border: 1px solid transparent;
    position: relative;
}
.redbar
{
    background: url(../Images/redbar.jpg) no-repeat 0px 2px;
    padding-left: 5px;
    height: 20px;    
}
.dropwidth
{
    width: 25000px;
}
.redbarbig
{
    background: url(../Images/redbar.jpg) no-repeat 0px 2px;
    padding-left: 5px;
    height: 50px;
}
.notrequired
{
    padding-left: 5px;
}
.validationmsg
{
    display: block;
    color: Red;
}
.gridview-sec
{
    width: 100%;
    float: left;
    border: solid 0px #bebebe;
    padding: 0px 0 0px 0;
}



.searcharea
{
    float: left;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.padt20
{
    padding-top: 20px;
}
.searchfieldset
{
    margin: 5px;
    border: 1px solid #ccc;
    padding-bottom: 5px;
}


.gridaltrowstyle
{
    background-color: #FFFFFF;
    color: #000;
    height: 12px;
    line-height: 11px;
}
.viewpanel
{
    padding: 10px 10px 10px 10px;
    margin: 5px 0px 0px 10px;
    height: 30px;
    line-height: 20px;
    width: auto;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    behavior: url(../Scripts/PIE.htc);
    background-color: #E6F4FB;
}

.Wrraped
{
    width: 100%;
    overflow-y: Auto;
    display: inline-block;
    writing-mode: lr-tb;
    word-wrap: break-word;
    white-space: normal;
}

.col-1_three
{
    width: 50%;
    padding-right: 5px;
    float: left;
   
    color: #808080;
    margin: 0px;
    border: 1px solid transparent;
    position: relative;
   
    line-height: 20px;
}

.col-1_threereport
{
    width: 80%;
    padding-right: 5px;
    float: left;
   
    color: #808080;
    margin: 0px;
    border: 1px solid transparent;
    position: relative;
    font-weight: bold;
    line-height: 20px;
}
.col-2_three
{
    margin: 0px;
    width: 49%;
    float: left;
    text-align: left;
    border: 1px solid transparent;
    position: relative;
    line-height: 20px;
}
.col-1_Small
{
    width: 48%;
    padding-right: 5px;
    float: left;
   
    color: #808080;
    margin: 0px;
   
    position: relative;
    font-weight: bold;
    line-height: 20px;
}
.col-2_Small
{
    margin: 0px;
    width: 48%;
    float: left;
    text-align: left;
   
    position: relative;
    line-height: 20px;
}
.col-3_Small
{
    margin: 0px;
    width: 15%;
    float: left;
    text-align: left;
    border: 1px solid transparent;
    position: relative;
    line-height: 20px;
}
.col-1_two
{
    width: 35%;
    padding-right: 5px;
    float: left;
    text-align: right;
    color: #808080;
    margin: 0px;
    border: 1px solid transparent;
    position: relative;
    font-weight: bold;
    line-height: 20px;
}
.col-2_two
{
    margin: 0px;
    width: 45%;
    float: left;
    text-align: left;
    border: 1px solid transparent;
    position: relative;
    line-height: 20px;
}
.ddl180
{
    width: 180px;
}

.viewpanleLabel
{
    color: #808080;
    font-weight: bold;
}

input.DropDownStyle
{
    width: 200px;
    
}
input.buttonstyle:hover, a.buttonstyle:hover
{
    background: #288db1;
    color: #fff;
    border: solid 1px #288db1;
}
/*BHavik's Change*/

.gridrowstyle
{
    background-color: #F0F8FD;
    border: 0px;
    border-color: #FFFFFF;
}



.rowhead
{
    background: url(Images/gradient.jpg) repeat-x top left #fff;
    color: Green;
    white-space: nowrap;
    height: 25px;
}

.notreq
{
    padding-left: 5px;
    height: 20px;
}

.IconTop
{
    display: table-cell;
    vertical-align:top;
}
.padl8
{
    margin-top:8px
}


/*  Project Management Menu Start */
.ProjectMasterInformation
{
  
    background-image: url(../Images/Module/manage_project_master_info.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManageCostEstimation
{
  
    background-image: url(../Images/Module/manage_cost_info.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ProjectCostSummary
{
  
    background-image: url(../Images/Module/Costsummary.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManagePrograms
{
    background-image: url(../Images/Module/manage_program.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.MileStonePayment
{
    background-image: url(../Images/Module/milestone_payment.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManageDesignParameters
{ 
    background-image: url(../Images/Module/manage_design_parameter.png);
    background-repeat: no-repeat;
    background-position: left top;    
}
.ManageMilestoneReporting
{ 
    background-image: url(../Images/Module/milestone_reporting.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManageMonthlyReporting
{ 
    background-image: url(../Images/Module/monthly_progress.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManagePaymentRecord
{
    background-image: url(../Images/Module/manage_payment_info.png);
    background-repeat: no-repeat;
    background-position: left top; 
}
.ManageActivityLog
{
    background-image: url(../Images/Module/Manage_Activity.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManageCommunicationLog
{
    background-image: url(../Images/Module/manage_communication.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManageMaterialVocabulary
{
    background-image: url(../Images/Module/manage_communication.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.GeneralCost
{
    background-image: url(../Images/Module/GeneralCost.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.LabourCost
{
    background-image: url(../Images/Module/LabourCost.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.MaterialCost
{
    background-image: url(../Images/Module/MateriaCost.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.VehicleCost
{
    background-image: url(../Images/Module/ProjectVehicle Cost.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Vocabalary
{
    background-image: url(../Images/Module/Vocabulary.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.Assembly
{
    background-image: url(../Images/Module/Assembly.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ConstructionType
{
    background-image: url(../Images/Module/Construction.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.Cost
{
    background-image: url(../Images/Module/CostEstimate.png);
    background-repeat: no-repeat;
    background-position: left top;
}



/*  Project Management End */

/*  Administration Menu Start */
.ManageContractorInformation
{
  
    background-image: url(../Images/Module/manage_contractor_info.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.ManageStaffInformation
{
    background-image: url(../Images/Module/manage_staff_info.png);
    background-repeat: no-repeat;
    background-position: left top; 
}
.ManageCustomerInformation
{
  
    background-image: url(../Images/Module/manage_customer.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.UserDefine
{
    background-image: url(../Images/Module/user_defined_code.png);
    background-repeat: no-repeat;
    background-position: left top; 
}
/* Administration Menu End/*



/*  Security Menu Start */
.ManageRoleInformation
{
    background-image: url(../Images/Module/manage_role.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ManagePermission
{
    background-image: url(../Images/Module/manage_permission.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.UserInformation
{
    background-image: url(../Images/Module/manage_user.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.ReportFilter
{
    background-image: url(../Images/Module/report_icon.png);
    background-repeat: no-repeat;
    background-position: left top;
}
/*  Security Menu End */

.DashBoard
{
  
    background-image: url(../Images/icon-dashboard.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.LabelPageHeader
{
font-size:medium;
color:Red;    
}

.LabelProjectName
{
font-size:small;
color:Green;
padding-left:25px;  
}

.LabelProjectStatus
{
background-color:#87CEEB;
font-size:x-small;
font-weight:bold;
color:Black;
text-align:center;
}   
.ProjectStages
{
    background-color:#87CEEB;
    border:1px solid black;
    text-align:center;
    
     height: 50px; float: left; padding: 0; margin: 0;
}
.ProjectStagesNo
{
    
    border:1px solid black;
    text-align:center;
    
    height: 50px; float: left; padding: 0; margin: 0;
}
.headerproject
{
    font-weight: bold; font-size: 16px; color: Blue; margin-top:-48px;position:relative;padding-right:20px;
}