
#ermcontainer {
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	width:814px;
	}

#ermheader {
	text-align: left;
	font-size:18px;
	}

#ermmiddle {
	width:790px;
	padding:12px;
	text-align:left
	}
	
#ermmain { 
	font-size:10px;
	text-align:left;
	color:#333333;
	}
	
#ermlanguage {
	font-size:10px;
	height: 24px;
	width:559px;
	vertical-align : middle;
	margin-top : 5px;
}

#ermwhitearea {
	width: 559px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size:11px;
	text-align:center;
	}

#ermhotlistings {
	width: 559px;
	padding-top: 0px;
	padding-bottom: 6px;
	font-size:10px;
	text-align:center;
	}
	
#ermlogin {
	font-size:11px;
	text-align:left;
	padding-top: 6px;
	}
	
#ermhelp {
	font-size:11px;
	color:#333333;
	text-align:left;
	}
	
#ermfooter {
	font-size:11px;
	padding-top: 10px;
	width: 790px;
	}

/* Tag Styles */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.ermh1 {
	font-size:18px;
	font-weight:bold;
	line-height: 15px;
	margin-bottom:10px;
	color:#8d3b0b;
	}

.ermh2 {
	font-size:16px;
	font-weight:bold;
	color:#8d3b0b;
	}

.ermh3 {
	font-size:16px;
	font-weight:bold;
	line-height:15px;
	color:#333333;
	margin-top : 10px;
}

.ermh4 {
	font-size:13px;
	font-weight:bold;
	line-height:12px;
	color:#333333;
	letter-spacing:-1;
	margin-bottom : 0px;
}

.ermselect {
	font-size: 10px;
	color:#333333;
	}

a.ermanchor {
	color: #0033CC;
	}
a.ermanchor:visited, a.ermanchor:active {
	color: #003366;
	}
a.ermanchor:hover {
	color: #0033FF
	}
	
/* Custom Styles */
.ermcounter {
	font-size:16px;
	font-weight:bold;
	color:#8d3b0b;
}
.ermsmall {
	font-size: 10px;
	}

.ermxsmall {
	font-size: 9px;
	}
	
.ermmiddleborder {	
	border-bottom: #fccb62 10px solid;
	}

.ermborder {
	border: #0033CC solid 1px;
	}

.ermleftdivide {
	border-right: #8d3b0b solid 1px;
	}

.ermtopborder {
	background-repeat:no-repeat;
	}

.ermbottomborder {
	background-repeat:no-repeat;
	}
	
.ermleftborder  {
	background-repeat:no-repeat;
	}
	
.ermrightborder  {
	background-repeat:no-repeat;
	}
	
.ermbottomrightborder  {
	background-repeat:no-repeat;
	}

.ermseo {
	text-align:left;
	color:#666666;
	padding-left: 12px;
	padding-right: 12px;
	}
	
.ermbutton {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-shadow:#333333;
	text-decoration:underline;
	text-align:center;
	letter-spacing:-2;
	padding-top: 3px;
	color:#FFFFFF;
	height: 36px;
	width: 162px;
	background:url(../images/bt_brown.gif) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
}
	
.ermbuttongray {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-shadow:#333333;
	text-decoration:underline;
	color:#FFFFFF;
	height: 26px;
	width: 97px;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.ermfield {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
	
.ermTextBlack {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #666666; 
	 font-weight: normal;
	 }
.ermTaglineInside {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 font-weight: bold;
	 color: #0066CC;
	 }
.ermSubTaglineInside {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #999999;
	 font-weight: normal;
	 }
	 


 /* ------- general styles ---- */

#easyroommate {
  padding: 0;
  margin: 0;
  text-align:center; 
  font-size: 95%;
}
#easyroommate body {
  padding: 0;
  margin: 0;
  text-align:center; 

}
#easyroommate  #page {
  margin: 0 auto;
  padding: 0;
  width: 814px;
  text-align: left;
    color : #333333;
    
}

#easyroommate  #searchzone{
  width: 600px;
  float: left;
}

#easyroommate  .spacer {
  clear: both;
}


/* ------- header styles ---- */

#easyroommate  #header {
  border-bottom: 1px solid #CCCCCC;
  height: 55px;
  background-color: #FFFFFF;
}

#easyroommate  #header h1 {
  padding: 0;
  margin: 0;
  text-indent: -100em;
  width: 302px;
  height: 55px;
  float: left;
  overflow:hidden;
}

#easyroommate  #header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

#easyroommate  #headerdesc {
  float:right ;
}

#easyroommate  #header h2 {
  margin: 0;
  padding: 10px 18px 3px 0;
  text-align:right;
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size : 0.9em;
  color: #4962DD;
}
#easyroommate  #header p {
  margin: 0;
  padding: 0px 18px 0px 0;
  text-align:right;
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size : 0.6em;
  color: #969696;
}



/* ------- footer styles ---- */

#easyroommate  #footer {
  font-family:  Arial,Verdana, Helvetica, sans-serif ;
  border-top: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

#easyroommate  #footer a  {
  color : #5263B5;
}

#easyroommate  #footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}


#easyroommate  #footer #sitelinks, #easyroommate  #footer #otherlinks {
  text-align: center ;
  margin: 15px 0 30px 0;
  font-size : 0.7em;
}
#easyroommate  #footer #sitelinks li {
  display :inline;
  padding: 0;
  margin: 0 6px;
}


#easyroommate  #footer #otherlinks li {
  display :inline;
  padding: 0px 7px 1px 5px;
  margin: 0 1px;
}
#easyroommate  #footer #otherlinks .pipe {
  border-right: 1px solid #000000;
}

#easyroommate  #footer h2 {
  font-size : 0.9em;
  margin-top: 20px;
}
#easyroommate  #footer p {
  font-size : 0.7em;
  color:#3A3A3A;
}

#easyroommate  #footer #copyright {
  text-align:center;
  margin: 20px 0 0 0;
}


/* ------- help box styles ---- */

#easyroommate  #help {
	margin-top : 30px;
}

#easyroommate  #help .contentbox{
	padding: 0 0 10px 10px;
}
#easyroommate  #help p {
	  font-family:  Verdana, Arial, Helvetica, sans-serif ;
	  line-height: 20px;
	  font-size: 90%;
	  width : 165px;
}

#easyroommate  #help #man {
	float: right;
}

#easyroommate  #help .contentbox a {

}



/* ------- about us box styles ---- */

#easyroommate  #about_us {
	margin-top : 30px;
}

#easyroommate  #about_us a {
	color : #5263B5;
}

#easyroommate  #about_us  .contentbox {
	padding : 5px 0px 20px 10px;
}

#easyroommate  #about_us ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#easyroommate  #about_us li {
  display :inline;
  margin: 0  ;
  padding : 0 4px;
  line-height : 16px;
}


#easyroommate  #about_us .pipe {
  border-right: 1px solid #000000;
}

/* ------- member box styles ---- */


#easyroommate  #member form {
	margin :3px 3px 0px 10px;
	padding-bottom: 7px;
}
#easyroommate  #member fieldset {
	margin :0;
	padding : 0;
	border : 0;
	border : hidden;
}


#easyroommate  #member .labelform {
	float : left;
	width : 50px;
	line-height: 22px;
}
#easyroommate  #member .champform, #easyroommate  #member .validform {
	float : right;
	width : 110px;
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	margin-bottom : 5px;
}

#easyroommate  #buttonlogin{
  width : 96px;
  height : 29px;
}

#easyroommate  #buttonlogin button {
  border : 0;
  background-color: transparent;
  width : 96px;
  height : 29px;
  color : #FFFFFF;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
  line-height : 29px;
  text-align: center;
	cursor : pointer;
  
}
#easyroommate  #member .champform input {
	font-size :1em;
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	width : 95px;
	border : 1px solid #A7A6AA;
}

#easyroommate  #member a {
	color : #5263B5;
	font-size : 90%;
}
/* ------- search form box styles ---- */

#easyroommate  #formsearch {
  width: 600px;
  margin: 5px 0 10px 5px;
  font-family:  Arial,Verdana, Helvetica, sans-serif ;
    border : 0;
  
}

#easyroommate  #headform {
  padding: 25px 0 10px 0;
  text-align:center;
  width: 600px;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
}

#easyroommate  #headform h2{
  text-align:center;
  color : #8D3B0B;
  font-weight : bold;
  font-size : 1.1em;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
  padding : 5px 0;
  margin : 0;

}





#easyroommate  #formsearch #langform {
  font-size : 70%;
  text-align:center;
  padding: 5px 0;
  width: 600px;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
    border : 0;
}

#easyroommate  #formsearch #langform fieldset , #easyroommate  #formsearch #langform form {
border : 0;
border : hidden;
padding: 0;
margin: 0;
}
#easyroommate  #formsearch #langform img {
  margin-bottom: -2px;
}

#easyroommate  #formsearch #langform select {
   font-size : 1em;
   font-family: Arial, Verdana, Helvetica, sans-serif ;
}


#easyroommate  #formsearch #choiceform {
  height: 229px;
  width: 600px;
  margin: 0;
  padding: 0;
}


#easyroommate  #formrooms {
  float: left;
  padding : 30px 0 0 0;
  width : 300px;
  text-align:center;
}

#easyroommate  #formroomates {
  float: right;
  padding : 30px 0 0 0;
  width : 300px;
  text-align:center;

}

#easyroommate  #formrooms h2 , #formroomates h2 {
   font-size : 105%;
   font-family: Arial, Verdana, Helvetica, sans-serif ;
   margin:0 0 15px 0;
   padding: 0;
}

#easyroommate  #formrooms form , #easyroommate  #formroomates form, #easyroommate  #formrooms fieldset , #easyroommate  #formroomates fieldset  {
  border : 0;
  border:hidden;
  margin:0;
  padding: 0;
  text-align: center;
}

#easyroommate  #formrooms select , #easyroommate  #formroomates  select {
   font-size : 70%;
   width :14em;
   font-family: Arial, Verdana, Helvetica, sans-serif ;
   margin:0 0 5px 0;
   padding: 0;
}

#easyroommate  #formrooms .buttonsubmit, #easyroommate  #formroomates .buttonsubmit {
  height : 34px;
  text-align: center;
   width :10em;
  margin:  5px  auto 0 auto;
  
}
#easyroommate  #formrooms .lftbuttonsubmit, #easyroommate  #formroomates .lftbuttonsubmit {
  height : 34px;
  text-align: center;
  margin-left: -5px;
}
#easyroommate  #formrooms .rgtbuttonsubmit, #easyroommate  #formroomates .rgtbuttonsubmit {

  height : 34px;
  text-align: center;
  margin-right: -5px;
  
}



#easyroommate  #formrooms button, #formroomates button {
  border : 0;
  background-color: transparent;
  height : 34px;
  color : #FFFFFF;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
  font-size : 87%;
  line-height : 34px;
  margin-top: 1px ;
  text-align:center;
  width : 11em;
  cursor:pointer;
}

#easyroommate  #formrooms p a, #easyroommate  #formroomates p a {
  color : #4C61A1;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
  font-size : 75%;
  
}


/* ------- sidebar styles ---- */


#easyroommate  #sidebar {
  width: 200px;
  float: right;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
}

#easyroommate  .box {

  margin: 10px 0 10px 0;
  width: 190px;
  padding: 0;
    border : 0;
}

#easyroommate  .box .topbox {

  padding: 8px 8px 0 12px;
  
}
#easyroommate  .box .topbox h2 {
  font-size : 0.7em;
  margin: 0 0 5px 0;
  padding:0;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
}

#easyroommate  .box .contentbox {

  font-size : 0.7em;
  margin: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
  width: 190px;
}


/* ------- view rooms styles ---- */

#easyroommate #viewrooms {
  width: 600px;
  margin: 0px 0 0px 5px;
  font-family:  Arial,Verdana, Helvetica, sans-serif ;
  
}



#easyroommate  #viewrooms h2 {
  text-align:center;
  color : #8D3B0B;
  font-weight : bold;
  font-size : 1.05em;
  width: 600px;
  font-family: Arial, Verdana, Helvetica, sans-serif ;
  border : 0;
  margin: 2px 0 12px 0;
  padding : 0;
}

#easyroommate  #viewrooms h2 img {
	margin-bottom: -8px;
}

#easyroommate #roomphotos, #easyroommate #roomatesphotos {

	width : 255px;
	margin-bottom : 20px;
	  border : 0;
	  padding:0;
}

#easyroommate #roomphotos {
	float : left;
	margin-left: 15px;
}

#easyroommate #roomatesphotos {
	float : right;
	margin-right: 15px;
}



#easyroommate #roomphotos h3 , #easyroommate #roomatesphotos h3 {
	font-size : 95%;
    font-family: Arial, Verdana, Helvetica, sans-serif ;
	text-align: center;
	margin: 0;
	padding: 8px 0 0 0;
}

#easyroommate #roomphotos .showphotos, #easyroommate #roomatesphotos .showphotos {

	font-size : 70%;
    font-family: Arial, Verdana, Helvetica, sans-serif ;
	text-align: center;
	margin: 0;
	padding: 10px 0 15px 3px;

}

#easyroommate #roomphotos .onephoto img, #easyroommate #roomatesphotos .onephoto img {
	border : 1px solid #5263B5;
}

#easyroommate #roomphotos .onephoto , #easyroommate #roomatesphotos .onephoto {
	float : left;
	width : 82px;
	text-align: center;
	margin-bottom: 5px;
}

#clickbox {
background-color:#CECECE;
border:1px solid #FDBE01;
height:55px;
text-align:center;
width:290px;

}
.span{
color:#000000;
font-size:13px;
padding:10px;
}
