body 
{ 
	padding: 0px;
	margin: 0px;
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal; 
	color: #000000;
	background-color: #FFDE87;
	background-image: url('Images/Body/top-fill.png');
	background-repeat: repeat-x;
	text-align: center;
}

/* LINKS */
a
{
	color: #E01350;
}

a.tmpl
{
	color: #000;
	text-decoration: none;
}

.linkButton
{
	font-size: 14px;
	text-align: left;
	text-decoration: underline;
	border: 0;
	font-weight: normal;
	color: #E01350;
	border: 0px;
	background-color: Transparent;
	cursor: pointer;
}

.navUl li
{
	padding: 0px 0px 10px 0px; 
	margin: 0px;
}

.navUlLink, navUlLink:active, navUlLink:visited, navUlLink:hover
{
	color: White;
	text-decoration: none;
	font-weight: bold;
}

.navUlActive
{
	color: White;
	text-decoration: underline;
	font-weight: bold;
}

h3
{
	color: #E01350;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

h2
{
	font-weight: normal;
	font-size: 32px;
	color: #E01350;
	margin: 0px;
	padding-bottom: 2px;
}

h4
{
	color: #404040;
	margin: 0px;
	padding-bottom: 2px;
	font-size: 13px;
	font-weight: 600;
}

.actionsTable
{
	color: #E01350;
	background-color: #FFF2F7;
	border: solid 0px;
	border-top: solid 1px #E01350;
}

.actionsTableRow
{
	padding: 6px 6px 6px 6px;
	border-bottom: solid 1px #E01350;
}

.actionsTableRow a
{
	text-decoration: none;
}

.actionsTableMarkerRow
{
	width: 6px; 
	vertical-align: top;
	padding: 12px 0px 6px 6px;
	border-bottom: solid 1px #E01350;
}

.infoTable
{
	border-collapse: collapse;
	font-family: Arial; 
	font-size: 14px; 
	width: 700px;
}

.infoTableCol1
{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 16px;
	border-bottom: solid 1px #D6D6D6;
	width: 200px;
}

.infoTableCol2
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #D6D6D6;
}

.infoTableCol3
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #D6D6D6;
	width: 16px;
}

.infoTableColService
{
    width: 100%;
	padding-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #D6D6D6;
}

.infoTableMoney
{
	color: #E01350;
	font-weight: bold;
}

.infoTableCaption
{
	color: #E01350;
	font-weight: bold;
	width: 100%;
}

.infoTableStateDisabled
{
	color: #FF0000;
	font-weight: bold;
}

.infoTableStateEnabled
{
	color: #00AB11;
	font-weight: bold;
}

.iphone_action 
{
    font-family: Arial; 
	font-size: 14px; 
	color: #FF0000;
	font-weight: bold;
}

.iphone_action a 
{
    color: #FF0000;
}

.infoTableLabelWithTip
{
	border-bottom: dashed 1px #FF00FF;
}

.payTableCol1
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #D6D6D6;
	width: 300px;
}

.payTableCol2
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #D6D6D6;
}

.registrationsList
{
	font-family: Arial; 
	font-size: 14px;
	line-height: 1.5;
}

.errorMsg
{
	font-family: Arial; 
	font-size: 14px; 
	color: #E01350;
	font-weight: bold;
	padding-bottom: 22px;
	display: block;
}

.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.msgBoxFooter
{
	zoom: 1;
	padding: 10px;
	text-align: center;	
}

/* CONTROLS */

.buttonCommon
{
	text-align: center;
	background-color: transparent; 
	border: 0pt solid; 
	background-image: url('Images/button.png');
	background-repeat: no-repeat;
	color: #FDE5C8;
	font-weight: bold;
	font-size: 14px;	
	width: 170px;
	height: 38px;
}

.buttonDlg
{
	text-align: center;
	background-color: transparent; 
	border: 0pt solid; 
	background-image: url('Images/dlg-button.gif');
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;	
	width: 120px;
	height: 24px;
}

/* LOGIN */

.loginTable
{
	width: 450px;
}

.loginCell
{
	text-align: left;
}

.loginLabel
{
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #949494;
	border-bottom: dashed 1px #FF00FF;
}

.serviceLabel
{
	text-align: left;
	border-bottom: dashed 1px #FF00FF;
}

.loginLabelSpacer
{
	display: block;
	line-height: 2pt;
}

.editLogin
{
	background: #F4F9FC;
	border: solid 1px #9D9FA2;
	font-weight: normal;
	font-size: 18px;
	width: 420px;
	height: 28px;
	line-height: 24px;
}

.editPassword
{
	background: #FFD6D6;
	border: solid 1px #E01350;
	font-weight: normal;
	font-size: 18px;
	width: 420px;
	height: 28px;
	line-height: 24px;
}

.labelOverview
{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}

.boldPurpleHr
{
	height: 3px;
	color: #E01350;
	background-color: #E01350;
	border: 0px;
}

.grayHr
{
	width: 150px;
	height: 1px;
	color: #D6D6D6;
	background-color: #D6D6D6;
	border: solid 1px #D6D6D6;	
}

.formTableLabel
{
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

.formTableField
{
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
}

/* Active Sessions Grid */
.activeGridView
{
	border: solid #FFFFFF;
}

.activeGridView TD
{
	border: solid #FFFFFF;
}

.activeGridView TH
{
	border: solid #FFFFFF;
}

.activeGridViewHeader 
{ 
	padding: 2px 8px 2px 8px; 
	vertical-align: middle; 
	white-space: nowrap; 
	background: #E01350 none repeat; 
	text-align: center; 
	color: #FFFFFF;
}

.activeGridViewCol1 
{ 
	padding: 2px 8px 2px 8px; 
	vertical-align: middle; 
	background-color: #E5EAED; 
}

.activeGridViewCol2
{ 
	padding: 2px 8px 2px 8px; 
	vertical-align: middle; 
	background-color: #EFF4F7; 
}

.activeGridViewCol3
{ 
	padding: 2px 8px 2px 8px; 
	vertical-align: middle; 
	background-color: #F5F9FC; 
}

.activeGridViewCol3Price
{ 
	padding: 2px 8px 2px 8px; 
	vertical-align: middle; 
	background-color: #F5F9FC;
	color: #E01350;
	text-align: center;
	font-weight: bold;
}
/* DatePicker */
.datesTable
{
	width: 100%;
	color: #E01350;
	background-color: #FFF2F7;
	border: solid 0px;
}

.dateLink, dateLink:active, dateLink:visited, dateLink:hover
{
	text-decoration: none;
	border: 0;
	font-weight: normal;
	color: #E01350;
	border: 0px;
	background-color: #FFF2F7;
	cursor: pointer;
}

.dateLinkSelected, dateLinkSelected:active, dateLinkSelected:visited, dateLinkSelected:hover
{
	text-decoration: none;
	font-weight: bold;
	color: White;
	border: 0px;
	background-color: #E01350;
	cursor: pointer;
}

.selectedDateCell
{
    padding-left: 2px;
    padding-right: 2px;
	background-color: #E01350;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url('Images/Body/selectedDate.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
}

.dateCell
{
    padding-left: 2px;
    padding-right: 2px;
	text-align: center;
	height: 20px;
	border: 0px;
	background-color: #FFF2F7;
}

/* statistics table */

.colStatsPrice
{
	color: #E01350;
	text-align: center;
	font-weight: bold;
}

.colStatsTraff
{
	text-align: center;
}

.markedText
{
	color: #E01350;
}

.traffInternet
{
	color: #E01350;
}

.traffCity
{
	color: #F79727;
}

.traffLocal
{
	color: #3EA31A;
}

.traffFree
{
	color: #000000;
}

/* Labels with tooltip */
.labelWithTip
{
	border-bottom: dashed 1px #FF00FF;
}

/* Registration */
.activeRegistration
{
	background-color: #FBF7D3;
}

/* Export */
.linkExport, linkExport:active, linkExport:visited, linkExport:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

.hlt
{
	color: #E01350;
}

ul.payments
{
}

ul.payments li
{
    list-style: none;
    color: #E01350;
    font-size: 16px;
    padding: 4px 0px;
}

div.notify
{
}

div.notify h3
{
    font-size: 18px;
}

div.notify .notifyTable
{
	color: #E01350;
	background-color: #F4F9FC;
	border: solid 0px;
	border-top: solid 1px #9D9FA2;
}

div.notify .row
{
	padding: 6px 6px 6px 6px;
	border-bottom: solid 1px #9D9FA2;
	color: Black;
}

div.notify .row a
{
	text-decoration: none;
	color: #E01350;
}

div.notify .markerRow
{
	width: 6px; 
	vertical-align: top;
	padding: 12px 0px 6px 6px;
	border-bottom: solid 1px #9D9FA2;
}

.serviceControlButton
{
    width: 100px;
}

@import url(layout.css);
@import url(AjaxCalendar.css);