﻿
.contentTopOP
{
    height: 10px;
    background-image:url('Images/OnlinePlanning/topContentBackground.png');
    background-repeat:no-repeat;
}

.contentOP
{   
    background-image:url('Images/OnlinePlanning/contentMiddleBackground.png');
    background-repeat:repeat-y;
}

.contentBottomOP
{
    height: 20px;
    background-image:url('Images/OnlinePlanning/bottomContentBackground.png');
    background-repeat:no-repeat;
}

.HorizontalLine
{
    background-image: url(      "Images/OnlinePlanning/lineDot.jpg" );
    background-repeat: repeat-x;
    background-position: center;
    height: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.VerticalLine
{
    background-image: url(      "Images/OnlinePlanning/lineDot.jpg" );
    background-repeat: repeat-y;
    background-position: center;
    height: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.OPTabSelected
{
	font-size: 17px;
	color: Black;
	padding-top: 0px;
	text-align: center;
	width: 210px;
	height: 42px;
	cursor: pointer;
	font-weight:bold;
	vertical-align: middle;
}

.OPTab
{
	font-size: 16px;
	color: #696969;
	width: 210px;
	height: 42px;
	text-align: center;
	cursor: pointer;
}

/* New appointment, Step3 - Calendar */
.MonthViewCalendarDaysTop
{
    width: 75px;
}
.MonthViewCalendarItem
{
    height: 29px;
    padding-top: 12px;
    border: solid 1px #E3E3E3 !important;
    width: 75px;
    text-align: center;
}
DIV.PopUpPanelForTimeIntervals
{
    position: absolute;
    top: 150px;
    left: 250px;
    width: 170px;
    border: solid 1px #E3E3E3;
    background-color: #FFFFFF; /* 	Style="width: 250px; height: 250px;             background-color: #DDDDDD; position: absolute; top: 400px; left: 420px;" */
}
.PopUpPanelTimeIntervals
{
    padding-left: 10px;
    border-style: none;
}
.Step3ActiveTimeInterval
{
}
.Step3InactiveTimeInterval
{
    color: #999999;
}


.TableNoLines
{
    /*border-style: none !important;*/
    border-style: none;
    border-collapse: collapse;
}
.TableNoLines TD
{
    border-style: none;
    border-collapse: collapse;
}

.megaMenuTop
{
    height: 13px;
    width: 707px;
    background-image: url('Images/Menu/megaMenuTop.png');
    background-repeat: no-repeat;
}

.megaMenuContent
{
    height: 1px;
    width: 707px;
    background-image: url('Images/Menu/megaMenuContent.png');
    background-repeat: repeat-y;
}

.megaMenuBottom
{
    height: 16px;
    width: 707px;
    background-image: url('Images/Menu/megaMenuBottom.png');
    background-repeat: no-repeat;
}

.megaMenuBoder
{
    height: 1px;
    background-color: #A56800;
    background-repeat: repeat-x;
}

.SearchBackgroundLeft
{
    height: 33px;
    width: 8px;
    background-image: url('Images/Menu/SearchL.png');
    background-repeat: no-repeat;
}
.SearchBackground
{
    height: 33px;
    width: 1px;
    background-image: url('Images/Menu/Search.png');
    background-repeat: repeat-x;
}
.SearchBackgroundRight
{
    height: 33px;
    width: 8px;
    background-image: url('Images/Menu/SearchR.png');
    background-repeat: no-repeat;
}
/* END New appointment */

.txtLabelError
{
    font-size: 12px;
    color: red;
    text-decoration: none;
}