body
{
    /*background-color: #556677;*/
    background-color: #556677;

    /*
    background-image:url('../gfx/system/bg.png');
    background-repeat:repeat-y repeat-x;
        */

}

.LoginTable
{
    width: 350px;
    border-spacing: 0px;
}
.LoginTableHeader
{
    height: 200px;
}


.ForgotPasswordTable
{
    width: 350px;
    border-spacing: 0px;
}
.ForgotPasswordTableHeader
{
    height: 200px;
    border-spacing: 0px;
}

.PasswordSentTable
{
    width: 350px;
    border-spacing: 0px;
}
.PasswordSentTableHeader
{
    height: 300px;
}

.divSite
{
    width: 1290px;
    border-spacing: 0px;
    /*vertical-align: top;*/
    /*background-color: #202020;*/
    background-color: #202020;

    /*
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
        */
    /*height: 100%;*/
    /*margin: auto;*/
    margin:0 auto;
    padding:0;

    /*position:relative;*/
    overflow: hidden;
    /*display:block;*/

    border-radius: 5px;
    -moz-border-radius: 5px;

}
.divContent
{
    width: 1280px;
    border-spacing: 0px;
    /*background-color: #202020;*/
    background-color: #202020;


    /*margin:0 auto;*/

    /*
    display: inline;
    float: none;
    */

    /*display:table-cell;*/
    /*text-align:center;*/
    /*align-content:center;*/
}
.tdHeader
{
    /*background-color: #202020;*/
    background-color: #202020;

}

.lblAdminNews
{
    color: #aaaaaa;
	font-family: Arial;
	font-size: 11px;
	font-style:italic;
}

.CompanyTable
{
    width: 800px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: center;
}

.tblUser
{
    width: 600px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: center;
}

/* CMS */
.PageTable
{
    width: 1200px;
    border-spacing: 0px;
    text-align: center;
}
.tdPageNavigator
{
    width: 350px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.tdCmsTreeViewPage
{
    width: 325px;
}
.tdPageEdit
{
  /* width: 550px;   */
    border-spacing: 0px;
    text-align: center;
    vertical-align: top;
    padding-left: 30px;
    padding-right: 30px;
}
.tdObjectProperties
{
    width: 350px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.txtObjectPropertiesStyle
{
     width: 325px;
     font-size:10px;
}
.txtObjectPropertiesHtml
{
     width: 325px;
     font-size:10px;
}
.txtObjectSitePropertiesCss
{
     width: 325px;
     font-size:10px;
}
.txtObjectSitePropertiesSource
{
     width: 325px;
     font-size:10px;
}
.txtObjectSitePropertiesJavascript
{
     width: 325px;
     font-size:10px;
}

.divPhoneContent
{
    position: absolute; 
    left: 36px; 
    top: 81px; 
    width: 424px; /* 407px */
    height: 500px;
    border-spacing: 0px;
    background-color: #ffffff;
    overflow-y: scroll;
}

.lblPhoneTitle
{
    font-size: 16px;
    font-family: Trebuchet MS, Arial, Helvetica;
    color:#ffffff;
}

.PhoneModeEdit
{
    border-style: dotted;
    border-width: 1px;
    border-color: #eeeeee;
    vertical-align: bottom;
}
.PhoneModeEdit:hover
{
    border-style: solid;
    border-width: 1px;
    border-color: #009900;
    vertical-align: bottom;
}
.CellModeEdit
{
    border-style: dashed;
    border-width: 1px;
    border-color: #ff0000;
    vertical-align: bottom;
}
.CellModeEdit:hover
{
    border-style: solid;
    border-width: 1px;
    border-color: #ff0000;
    vertical-align: bottom;
}


.CellLeftPadding
{
    background-color: #dddddd;
    text-align: center;
}
.CellLeftPadding:hover
{
    background-color: #dddddd;
    text-align: center;
}
.CellAddLeft
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.CellAddLeft:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.CellMoveLeft
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.CellMoveLeft:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.CellNewObject
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.CellNewObject:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.CellEdit
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.CellEdit:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.CellDelete
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.CellDelete:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.CellMoveRight
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.CellMoveRight:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.CellAddRight
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.CellAddRight:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.CellRightPadding
{
    background-color: #dddddd;
    text-align: center;
}
.CellRightPadding:hover
{
    background-color: #dddddd;
    text-align: center;
}

.RowAddAbove
{
    background-color: #dddddd;
    text-align: center;
}
.RowAddAbove:hover
{
    background-color: #999999;
    text-align: center;
}
.RowMoveAbove
{
    background-color: #dddddd;
    text-align: center;
}
.RowMoveAbove:hover
{
    background-color: #999999;
    text-align: center;
}
.RowDelete
{
    background-color: #dddddd;
    text-align: center;
}
.RowDelete:hover
{
    background-color: #999999;
    text-align: center;
}
.RowMoveBelow
{
    background-color: #dddddd;
    text-align: center;
}
.RowMoveBelow:hover
{
    background-color: #999999;
    text-align: center;
}
.RowAddBelow
{
    background-color: #dddddd;
    text-align: center;
}
.RowAddBelow:hover
{
    background-color: #999999;
    text-align: center;
}

.ObjectName
{
    background-color: #dddddd;
    width:25px;
    text-align:left;
    font-size: 12px;
    padding-left:5px;
    white-space:nowrap;
}
.ObjectName:hover
{
    background-color: #dddddd;
    width:25px;
    text-align:left;
    font-size: 12px;
    padding-left:5px;
    white-space:nowrap;
}

.ObjectLeftPadding
{
    background-color: #dddddd;
}
.ObjectLeftPadding:hover
{
    background-color: #dddddd;
}
.ObjectSave
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.ObjectSave:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.ObjectEdit
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.ObjectEdit:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.ObjectDelete
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.ObjectDelete:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
.ObjectRightPadding
{
    background-color: #dddddd;
}
.ObjectRightPadding:hover
{
    background-color: #dddddd;
}
.tdObjectSelect
{
    vertical-align: bottom;
}
.cboObjectSelect
{
    font-family: Arial;
    text-decoration: none;
    font-weight:300;
    font-size: 9px;
}

.tdUploadImage
{
}
.iframeUploadFileImage
{
    height: 38px;
    border-style: none;
    border-width: 0px;
    border-spacing: 0px;
}
.fileUploadImage
{
    font-family: Arial;
    text-decoration: none;
    font-weight:300;
    font-size: 9px;
}
.fileUploadMapIcon
{
    font-family: Arial;
    text-decoration: none;
    font-weight:300;
    font-size: 9px;
}
/*
.btnUploadImage
{
    background-color: #dddddd;
    text-align: center;
    width: 10px;
}
.btnUploadImage:hover
{
    background-color: #999999;
    text-align: center;
    width: 10px;
}
*/

.cboGenericSelect
{
    font-family: Arial;
    text-decoration: none;
    font-weight:300;
    font-size: 9px;
}
.txtGenericSelect
{
    font-family: Arial;
    text-decoration: none;
    font-weight:300;
    font-size: 9px;
}
.chkGenericSelect
{
    font-family: Arial;
    text-decoration: none;
    font-weight:300;
    font-size: 9px;
}
.txtLabelEdit
{
    font-family: Arial;
    text-decoration: none;
    font-weight:300;
    font-size: 10px;
}


/* CRM */
.tdCrmSelectionNavigator
{
    width: 325px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.tdCrmTreeViewPage
{
    width: 325px;
}

.tdCrmSelectionContent
{
    width: 875px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.MLSelectionNavigator
{
    color: #555555;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.MLSelectionNavigator:hover
{
	color: #000000;	
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.MLSelectionNavigatorSelected
{
    color: #00bb00;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}
.MLSelectionNavigatorSelected:hover
{
	color: #00ee00;	
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}
.tblImportExcel
{
    width: 600px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.divShowList
{
    visibility: hidden;
    position:absolute;
    top: 100px;
    left: 600px;
    width: 400px;
    height: 600px;
    background-color: #eeeeee;
    z-index: 9999999;
}
.divList
{
    position:absolute;
    top: 30px;
    left: 10px;
    width: 380px;
    height: 510px;
    overflow-y: scroll;
}
.btnCloseShowList
{
    position:absolute;
    right: 20px;
    bottom: 20px;
}

/* GEO */
.divShowGeo
{
    visibility: hidden;
    position:absolute;
    top: 50px;
    /*
    left: 400px;
    width: 700px;
    height: 730px;
    */
    background-color: #eeeeee;
    z-index: 9999999;
    
    width:810px;
    left:50%;
    margin-left:-405px;
}
/*
.iframeGeo
{
    position:relative;
    top: 0px;
    left: 0px;
    width: 680px;
    height: 680px;
    overflow-y: scroll;
}
*/
.btnCloseShowGeo
{
    position:absolute;
    right: 10px;
    bottom: 10px;
}
.divMapCanvas
{
    position:relative;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 600px;
}

/* Attribute */
.tdAttributeGroupNavigator
{
    width: 325px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.tdAttributeGroupTreeViewPage
{
    width: 325px;
}

.tdAttributeContent
{
    width: 875px;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.MLAttributeGroupNavigator
{
    color: #555555;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.MLAttributeGroupNavigator:hover
{
	color: #000000;	
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.MLAttributeGroupNavigatorSelected
{
    color: #00bb00;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}
.MLAttributeGroupNavigatorSelected:hover
{
	color: #00ee00;	
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}


/* Customer */
.pnlCustomer
{
    height: 600px;
    overflow-y: scroll;
}
.pnlCustomerActivity
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerSms
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerGEO
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlAttributeCustomer
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerAttribute
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerPinCode
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerContentCategory
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerContentCategoryLog
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerContent
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerNotification
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerActivation
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerCart
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerImage
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerBooking
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerOrder
{
    height: 600px;
    overflow-y: scroll;   
}
.pnlCustomerPayment
{
    height: 600px;
    overflow-y: scroll;   
}
pnlCustomerInvestigate
{
    height: 600px;
    overflow-y: scroll;   
}

.pnlDispatch
{
    width: 600px;
}

.pnlJob
{
    width: 800px;
}

.pnlTask
{
    height: 600px;
    overflow-y: scroll;   
}

.pnlSearchCustomer
{
    width: 800px;
}

.pnlSearchResult
{
    height: 600px;
    width: 800px;
    overflow-y: scroll;  
}

.pnlVisitCountGlobal
{
    height: 615px;
    overflow-y: scroll;
    width: 360px;
}
.trVisitCountGlobalSeparator
{
    border-top-color: #cccccc;
    border-top-width: 1px;
    border-top-style: solid;
}

.pnlVisitActivityGlobal
{
    height: 615px;
    overflow-y: scroll;
    width: 870px;
}

/*
.pnlOnlineStatus
{
    text-align: left;
}*/
.lblOnlineStatusLabel
{
	color: #cccccc;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

.lblOnlineStatus
{
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

/* Standard panel */
.pnlStandard {
    height: 660px;
    width: 900px;
    vertical-align: top;
    text-align: left;
}

/* Customer Report */
.pnlReportFilter
{
    width: 300px;
    vertical-align: top;
    text-align: left;
}

.pnlReportFilterTree
{
    height:400px;
    width: 300px;
    vertical-align: top;
    text-align: left;
    overflow-y: scroll;
}

.pnlReport
{
    height: 660px;
    width: 900px;
    vertical-align: top;
    text-align: left;
}

.tabStripReport
{
    background-color:#f7f7f7;
    color:#ff0000;
}


/* Content */
.pnlContentTemplate
{
    width: 800px;
    text-align: left;
}
.pnlContentEdit
{
    width: 1024px;
    text-align: left;
}
.pnlContent
{
    width: 800px;
    text-align: left;
}
.tdContent  
{
    font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
    width: 100px;
    vertical-align:top;
}
.pnlContentCateogry
{
    width: 800px;
    text-align: left;
}
.tdContentCategory  
{
    font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
    vertical-align:top;
}


/* Activation */
.pnlActivationEdit
{
    width: 700px;
    text-align: left;
}

.pnlActivationExport
{
    width: 700px;
    text-align: left;
}

/* Code */
.pnlCodeEdit
{
    width: 900px;
    text-align: left;
}

/* Profile */
.pnlProfileEdit
{
    width: 600px;
    text-align: left;
}
.txtProfileName
{
    width:400px;
}
.txtProfilePropertyName 
{
    width:400px;
}


/* Admin Sms Report */
.pnlAdminSmsReport
{
    width: 500px;
    text-align: left;
}

/* Admin InvoiceReport */
.pnlInvoiceReport
{
    width: 1024px;
    text-align: left;
}

/* Blackout */
.divBlackOut
{
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2000px;
    background-color: #333333;
    z-index: 9999998;
    
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* ML Controls */
.MLLabel
{
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
}

.MLLabelInverted
{
    font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
	color: #ffffff;
}

.MLLabelTitle
{
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

.MLTextBox
{
	font-family: Arial;
	font-size: 9px;
	border-style: solid;
	border-width: 1px;
	border-color: Gray;
	
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background: url("../gfx/system/inputshadow.png") repeat-x scroll 0 0 white;
    border: 1px solid #B5B5B5;
    padding: 2px;
}

.MLRadioButton
{
    font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
}

.MLCheckBox
{
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
}

.MLDropDownList
{
	font-family: Arial;
	font-size: 9px;
	border-style: solid;
	border-width: 1px;
    height: 22px;
    
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background: url("../gfx/system/inputshadow.png") repeat-x scroll 0 0 white;
    border: 1px solid #B5B5B5;
    padding: 2px;
}


a.button_inv         	{ color: #ffffff;font-family: Arial; text-decoration: none; font-weight:300; font-size: 9px; }
a.button_inv:visited 	{ color: #ffffff;font-family: Arial; font-size: 9px;font-weight:300;}
a.button_inv:active  	{ color: #ffffff;font-family: Arial; font-size: 9px;font-weight:300;}
a.button_inv:hover   	{ color: #ffffff;font-family: Arial; text-decoration:none;background-color:#666666;font-weight:300; font-size: 9px;}
/*
a.MLButton         	{ color: #000000;font-family: Arial; text-decoration: none; font-weight: 300; font-size: 9px; }
a.MLButton:visited 	{ color: #111111;font-family: Arial;font-weight: 300; font-size: 9px;}
a.MLButton:active  	{ color: #111111;font-family: Arial;font-weight: 300; font-size: 9px;}
a.MLButton:hover   	{ color: Black;font-family: Arial;font-weight: 300; font-size: 9px;background-color:#eeeeee;}
*/

.MLButton
{
    font-family: Arial;
    font-weight: 300;
    font-size: 9px;
    }
.MLButton:hover
{
    font-family: Arial;
    font-weight: 300;
    font-size: 9px;
}

.btnl
{
	background: url(../gfx/MLButton/btnl.gif);
	width: 4px;
	height: 21px;
	color: #000000;
}
.btnr 
{
	background: url(../gfx/MLButton/btnr.gif);
	height: 21px;
	width: 4px;
	color: #000000;	
}
.btn
{
	background: url(../gfx/MLButton/btn.gif);
	overflow: visible;
	height: 21px;
	text-align: center;
	color: #000000;
}

.MLLinkButton
{
	color: #111111;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
.MLLinkButton:hover
{
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}

.MLLinkButtonExtraVagant
{
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
.MLLinkButtonExtraVagant:hover
{
	color: #cccccc;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}

.MLLinkButtonImportance
{
	color: #ff0000;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
.MLLinkButtonImportance:hover
{
	color: #ff0000;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}

.MLError
{
    font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
	color: Red;
}


.MLMenu
{
	color: #cccccc;	
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.MLMenu:hover
{
	color: #ffffff;	
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.MLMenuSub
{
	color: #cccccc;	
	font-family: Arial;
	font-size: 12px;
	font-weight:lighter;
	text-decoration:none;
	width:110px;
	border-style:solid;
	border-width:1px;   
	border-color: #303030;
	text-align:left;
	background-color: #000000;
    width:200px;
}
.MLMenuSub:hover
{
	color: #ffffff;	
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
}

.MLCalendar
{
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
}

.MLPageNavigator
{
    color: #555555;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.MLPageNavigator:hover
{
	color: #000000;	
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.MLPageNavigatorSelected
{
    color: #00bb00;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}
.MLPageNavigatorSelected:hover
{
	color: #00ee00;	
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}
.MLPageNavigator
{
    color: #555555;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.MLPageNavigator:hover
{
	color: #000000;	
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.MLPageNavigatorSelected
{
    color: #00bb00;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}
.MLPageNavigatorSelected:hover
{
	color: #00ee00;	
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}



/* Temp workarounds Telerik */
.rrClipRegion
{
    border:none !important;
}

/* Booking */
.bookingSubject
{
    font-weight:bold;
}