﻿html { font-size: 100%; }
body { text-align: center; background-color: #EEEEEE; margin: 0px; font-family: Verdana; font-size: 0.8em; }

h1.blue {
    color: #00528e;
    font-weight:400;
}

.box {
    float: left;
	width: 280px;
	height:170px;
	margin: 0px 45px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #fff;
	color: #00528e
}

.boxRight {
    float: right;
	width: 280px;
	height:170px;
	margin: 0px 20px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #fff;
	color: #00528e
}

.boxB {
    float: left;
	width: 270px;
	margin: 0px 45px 20px 0px;
	padding: 0px 0px 0px 10px;
	border: 0px solid #fff;
	color: #00528e
}

.boxBRight {
    float: right;
	width: 270px;
	margin: 0px 20px 20px 0px;
	padding: 0px 0px 0px 10px;
	border: 0px solid #fff;
	color: #00528e
}



ul.bullet { margin:10px 0px 20px -18px; }

.bullet li 
{
    list-style:  bullet;
	letter-spacing: 0.1px;
	line-height: 145%; 
	color: #00528e;
	font-size: 12px; 
}

p.blue {color: #00528e; }



.globalMain { width: 980px; text-align: left; height: 100%; margin: 0 auto; }
.globalMainAdvertising { width: 1195px; text-align: left; margin: 0 auto; }
.globalTenRegAdvertising { width: 1250px; text-align: left; margin: 0 auto; }
.divMain { width: 980px; text-align: left; margin: 0 auto; border-right: solid 5px #CCCCCC; border-left: solid 5px #CCCCCC; border-bottom: solid 5px #CCCCCC; padding: 0 10px 0 10px; background-color: White; }

.extraBorder { /*position: relative;*/ float: left; width: 1010px; }


.tenantsRegisterBorder { /*position: relative; float: left; width: 1079px; margin: 0 auto; background-image: url(http://www.letsroommate.co.uk/tenantsregister/images/trborder.jpg); background-repeat: repeat-y;*/ }

.inputFont { font-family: Verdana; font-size: 0.85em; color: #444444; }
.clear { clear: both; }
.int2_3 { width: 20px; }
.int4_5 { width: 40px; }
a { color: #006699; }

.jsLink span { text-decoration: underline; color: #006699; }
.jsLink span:hover { text-decoration: none; color: #006699; cursor: pointer; }

img { border: none; }
.txtPostcode { width: 70px; }
.pageTitle { font-weight: bold; }
.btnHyperLink { background-color: transparent; border-style: none; color: #006699; cursor: pointer; text-align: left; text-decoration: underline; font-family: Verdana; display: table-cell; height: 22px; }
.btnHyperLinkWhite { background-color: transparent; border-style: none; cursor: pointer; text-align: left; color: White; text-decoration: underline; font-family: Verdana; height: 22px; padding: 0; margin: 0px 5px;}
.btnHyperLinkDisabled { background-color: transparent; border-style: none; color: #AAAA99; cursor: pointer; text-align: left; text-decoration: underline; font-family: Verdana; display: table-cell; height: 22px; }
.spacer2 { height: 2px; font-size: 0; }
.spacer5 { height: 5px; font-size: 0; }
.spacer7 { height: 7px; font-size: 0; }
.spacer10 { height: 10px; font-size: 0; }
.spacer15 { height: 15px; font-size: 0; }
.spacer20 { height: 20px; font-size: 0; }
.spacer25 { height: 25px; font-size: 0; }
.spacer30 { height: 30px; font-size: 0; }
.spacer40 { height: 40px; font-size: 0; }
.spacer60 { height: 60px; font-size: 0; }
.spacerW10 { width: 10px; height: 1px; }
.spacerW20 { width: 20px; height: 1px; }
.spacerW30 { width: 30px; height: 1px; }
.floatLeft { position: relative; float: left; }
.floatRight { position: relative; float: right; }
.border { border: 1px; border-style: solid; border-color: #336699; }
.borderRed { border: 1px; border-style: solid; border-color: #9f272b; }
.borderDisabled { border: 1px; border-style: solid; border-color: #DDDDDD; }

.border2 { border: 2px; border-style: solid; border-color: #336699; }
.border2 img { border: 2px; border-style: solid; border-color: #336699; }

.border2Red { border: 2px; border-style: solid; border-color: #9f272b; }
.border2Red img { border: 2px; border-style: solid; border-color: #9f272b; }

.border2Disabled { border: 2px; border-style: solid; border-color: #DDDDDD; }
.hdrBold3 { font-size: 1.4em; font-weight: bold; }
.hdrBold4 { font-size: 1.1em; font-weight: bold; }

.hdrBold5 { font-weight: bold; color: #b3282f; }

.hdrBold5 a { font-weight: bold; }
.hdrBold6 { font-size: 0.9em; font-weight: bold; }
.hdrBold6 a { font-size: 0.9em; font-weight: bold; }

.dateWidth { width: 70px; }
.webdev {float: right}
.webdev a { font-size: 0.7em; color: Gray;}
.infoHeader { font-weight: bold; margin-top: 20px; }
.infoHeader2 { font-weight: bold; }
.warningMessage { color: Red; }
.blueText { color: #006699; }
.blueText a { color: #006699; }
h1 { font-weight: bold; font-size: 1.4em; margin: 0px; }
h3 { font-weight: bold; font-size: 1.2em; margin: 0px; }
h2 { font-weight: bold; font-size: 1.0em; margin: 0px; }

.red { color: #9f272b; }
.realRed { color: Red; }
.blue { color: #2470a4; }

.smallText { font-size: 0.8em; }
.smallText1 { font-size: 0.9em; }
.largeText0 { font-size: 1.1em; }
.largeText { font-size: 1.2em; }
.largeText1 { font-size: 1.3em; }
.largeText2 { font-size: 1.4em; }
.largeText3 { font-size: 1.em; }


.boldRed { font-weight: bold; color: Red; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.relative { position: relative; }

.advertising { position: relative; visibility: hidden; display: none; left: 10px; float: left; height: 100%; }

.centre { text-align: center; }

/**************************/
/**************************/
/*Calendar Style Sheet*/
.ajax__calendar_container {
	z-index: 2;
}
.margin {
	margin: 10px 0px 0px 10px
}
.myMatchesRight {
	position:relative;
	float:left;
	left:10px;
}
.width750 {
	width: 750px
}

.accordion {  
    width: 400px;  
}  
  
.accordionHeader {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #2E4d7B;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
  
.accordionHeaderSelected {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #5078B3;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
  
.accordionContent {  
    background-color: #D3DEEF;  
    border: 1px solid #2F4F4F;  
    border-top: none;  
    padding: 5px;  
    padding-top: 10px;  
} 

/* =======================================  ADMIN STYLE =========================================*/

.reportTitle 
{
    font-size: 1.1em;
	color:#fff;
	font-weight:normal;
	margin:0px;
	padding:2px;
	background-color:#2571a3;
	display:block;
}

.dashboard h1
{
   font-size:14px;
   color:#a72326;
}
.dashboard h3
{
   font-size:12px;
   color:#a72326;
   padding-bottom:15px;
}
.TenantsTableContainer 
{
    
}
.TenantsTableContainer 
{
    
}
.TenantsTableContainer .Row1
{
    padding:3px 5px;
    font-size:11px;
    color:#454545;
    background-color:#dee7ec;
}
.TenantsTableContainer .Row2
{
    padding:3px 5px;
    font-size:11px;
    color:#454545;
    background-color:#f3f6f8;
}
.TenantsTableContainer .title 
{
    background-color:#2571a3;
    font-size:12px;
    color:#fff; 
    padding:3px 5px;
}
.TenantsTableContainer table td 
{
    padding:3px 5px;
    font-size:11px;
    color:#454545;
    background-color:#dee7ec;
  
}

.TenantsTableContainer table tr.green td 
{
    background-color:#99EE66;
}

.TenantsTableContainer table tr.red td 
{
    background-color:#DD5555;
}

.TenantsTableContainer table th
{
    padding:3px 5px;
    font-size:11px;
    background-color:#ccc;
    text-align:left;
    color:#000;
}

.TenantsTableContainer2 table td 
{
    padding:2px 2px;
    font-size:85%;
    margin:0px;
}
.TenantsTableContainer2 table th
{
    padding:3px 5px;
    font-size:11px;
    background-color:#ccc;
    text-align:left;
    color:#000;
}

.changessaved
{
	border:2px solid;
	color:#008800;
	font-size:larger;
	font-weight:bold;
	margin:5px 0;
	padding:10px;
}
