@charset "utf-8";
/* CSS Document */

a:link {color:#333;}
a:hover {
	color:#C00;
	decoration:none;
}
a:visited{
	color:#C30;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
}
body {
	background-repeat: repeat-x;
	position:relative;
	clear: both;
	background-color: #EAF2F5;
} 

#wrapper{
	width: 960px;
	margin:0 auto 0 auto;
	position:relative;
	background-color: #FAFAFA;
	border:3px solid #000;
}
#topLeaderBoard{
	width:728px;
	height:100px;
	margin:0 auto 20px auto;
	padding:5px 116px 5px 116px;
	border:3px solid #000;
	background-color:#FAFAFA;
}
#sideSkyscraper{
	float:right;
	width:130px;
	padding: 25px 5px 0 5px;
}
/* Navigation Bar STARTS */
#navigation {
	width:960px;
	height:85px;
	background-image: url(../images/navButtons_5.png);
}
#navigation a{
	display:block;
	width: 192px;
	height:85px;
	background-image: url(../images/navButtons_5.png);
	float: left;
}
#navigation a.link1:hover {background-position:0px -85px;}
#navigation a.link2 {background-position:25% 0px;}
#navigation a.link2:hover {background-position:25% -85px;}
#navigation a.link3 {background-position:50% 0px;}
#navigation a.link3:hover{background-position:50% -85px;}
#navigation a.link4 {background-position:75% 0px;}
#navigation a.link4:hover {background-position:75% -85px;}
#navigation a.link5 {background-position:100% 0px;}
#navigation a.link5:hover {background-position:100% -85px;}
/* Navigation Bar ENDS */

#header{
	height: 150px;
	width: 960px;
	background-image: url(../images/headerBanner_Simple_960x150.png);
}
#main{
	width: 960px;
	clear: both;
	height: 1210px;
	position: relative;
}
#topRow{
	width: 960px;
	background-color: #333;
	height: 26px;
	float: left;
}
#leftMain{
	width: 695px;
	height:20px;
	text-align:left;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#rightMain{
	width: 235px;
	height: 20px;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
}
form.searchForm{
	position:static;
	width: 235px;
	height:20px;
	float:left;
}
.searchBar{
	width: 170px;
	height:16px;
	border: 1px #c3c3c3 solid;
	background: #333;
	color: #FFF;
	overflow:visible;
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left:0px;
	padding right:0px;
	-webkit-border-radius:0px;
	-webkit-padding-start: 0px;
}
.searchButton{
	height:16px;
	border: 1px #c3c3c3 solid;
	background: #333;
	color: #FFF;
	float: right;
	width:56px;
	vertical-align:middle;
	text-align:center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left:0px;
	padding right:0px;
	-webkit-border-radius:0px;
}
#errorConsoleMessage{ 
	height:20px;
	font-size:10px;
	color:#F00;
}

#livesearch{
	position:relative;
	float: left;
	width: 170px;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	z-index: 9999999;
}
a.livesearchrow{
	float: left;
	width: 164px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	z-index: 9999999;
}
#bodyContent {
	width: 960px;
	float:left;
}
#leftCol {
	width: 240px;
	height: 172px;
	float: left;
}
#leftColBox {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	height: 159px;
}
#halfBox{
	padding-top: 10px;
	padding-bottom:20px;
}
.middleColMain {
	width: 719px;
	height: 172px;
	float: left;
	clear: right;
	background-color: #E7F1F1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.middleColTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	font-style: oblique;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 7%;
	margin-right: 10%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.middleColContent {
	margin-right: 10%;
	margin-left: 10%;
}
.middleColFloatLeftTitle{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-style: oblique;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 7%;
	margin-right: 10%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#middleColFloatLeft {
	width: 560px;
	height:265px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 15px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.LargeAddBox{
	width:330px;
	height:280px;
	float: left;
	clear:right;
}

.LeaderBoardAd{
	width:728px;
	height:115px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
}
#storyContent {
	margin-right: 10%;
	margin-left: 10%;
	text-align:left;
}
#storyContent2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 50px;
}
.even2
{
	background-color: #999;
}
.frontBoxSmall
{
	height: 160px;
	width: 160px;
	float: left;
}
#frontBoxLarge
{
	width: 100%;
	background-color: #E7F1F1;
	border: 1px solid #CCC;
}

#titleBox
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 70%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	font-style: oblique;
	font-weight: normal;
	text-align:left;
	margin-top: 15px;
	margin-left: 10%;
}

#contentBox
{
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 10px;
}

#RateRoomieTable
{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	position:relative;
	clear: both;
}
#MiniTableCenterRow
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	clear: both;
}

#MiniTableContainer
{
	width:38%;
	border: 1px solid #CCC;
	clear: none;
	float: left;
}

#MiniTableCenterRowRating
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both;
}

#labelRow
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	position: relative;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.labelStyle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	background-color: #E7F1F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#ChoiceBoxCState
{
	width: 200px;
	padding:5px 5px;
	font-size:11px;
}
#ChoiceBoxSecurityQ
{
	width: 200px;
	padding:5px 5px;
	font-size:11px;
}

#ChoiceBoxCState
{
	width: 200px;
	padding:5px 5px;
	font-size:11px;
}
#footer
{
	width:958px;
	clear: both;
	height: 258px;
	border-width:0 4px 4px 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	text-align:left;
	margin:0 auto 25px auto;
	background-color: #333;
	color: #FFF;
	font-size: 10px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #666;
}
#footerBuffer{
	height: 8px;
	background-color: #666;
}

h3.Title{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.footerBox{
	width:225px;
	height: 250px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 7px;
	padding-left: 7px;
}
.footerBoxLast{
	width:224px;
	height: 250px;
	float:left;
	padding-right: 7px;
	padding-left: 7px;
}
.darkLink a:link{color:#FFF;}

#password
{
	width: 90%;
	height: 20px;
}
#username
{
	width: 90%;
	height: 20px;
}
/* Roomie Feed */
#feedTitle{
	text-align:center;
	vertical-align:bottom;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	clear: both;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.Searchfeed{
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

.feed{
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
.feedFrontPage{
	width:90%;
	height:300px;
	margin-right: auto;
	margin-left: auto;
}
.feedSearch{
	width:100%;
	height:300px;
	margin-right: auto;
	margin-left: auto;
}

/* Top Labels */
#feedLabels{
	width:100%;
	float:left;
	height:18px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	background-color: #333;
	font-weight: bold;
	color: #FFF;
}
#feedLabels #ViewDetails{
	width:11%;
	float:left;
	height:18px;
}
#feedLabels #FName{
	width:11%;
	float:left;
	height:18px;
}
#feedLabels #LName{
	width:12%;
	float:left;
	height:18px;
}
#feedLabels #CState{
	width:16%;
	float:left;
	height:18px;
}
#feedLabels #CName{
	width:36%;
	float:left;
	height:18px;
}
#feedLabels #ORating{
	width:14%;
	float:left;
	height:18px;
}
/* Rows */
.feedRows{
	width:100%;
	float:left;
	height:18px;
}
a.ViewDetails{
	width:10%;
	float:left;
	height:18px;
	margin-left: 1%;
}
a.FName{
	width:11%;
	float:left;
	height:18px;
	text-align:left;
}
a.LName{
	width:12%;
	float:left;
	height:18px;
	text-align:left;
}
a.CState{
	width:16%;
	float:left;
	height:18px;
	text-align:left;
}
a.CName{
	width:36%;
	float:left;
	height:18px;
	text-align:left;
}
.ORating{
	width:14%;
	float:left;
	height:18px;
	text-align:left;
	text-align:left;
}
#feedBottom{
	width:100%;
	float:left;
	height:18px;
	text-align:center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #666;
}
.feedEven
{
	background-color: #c8ebf5;
	width:100%;
	float:left;
	height:18px;
}
.feedOdd
{
	background-color: #ecffce;
	width:100%;
	float:left;
	height:18px;
}
/* Start: User Settings Feed */
#feedLabels #ViewDetailsUserSettings{
	width:10%;
	float:left;
	height:18px;
}
#feedLabels #FNameUserSettings{
	width:15%;
	float:left;
	height:18px;
}
#feedLabels #LNameUserSettings{
	width:16%;
	float:left;
	height:18px;
}
#feedLabels #CStateUserSettings{
	width:15%;
	float:left;
	height:18px;
}
#feedLabels #CNameUserSettings{
	width:25%;
	float:left;
	height:18px;
}
#feedLabels #ORatingUserSettings{
	width:17%;
	float:left;
	height:18px;
}
/* Rows */
a.ViewDetailsUserSettings{
	width:9%;
	float:left;
	height:18px;
	margin-left: 1%;
}
a.FNameUserSettings{
	width:15%;
	float:left;
	height:18px;
	text-align:left;
}
a.LNameUserSettings{
	width:16%;
	float:left;
	height:18px;
	text-align:left;
}
a.CStateUserSettings{
	width:15%;
	float:left;
	height:18px;
	text-align:left;
}
a.CNameUserSettings{
	width:25%;
	float:left;
	height:18px;
	text-align:left;
}
.ORatingUserSettings{
	width:17%;
	float:left;
	height:18px;
	text-align:left;
	text-align:left;
}
/* End: User Settings Feed */
div.contactBox {
	width:500px;
	background:#222222;
	position:relative;
	top:50px;
	border:1px solid #262626;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 25;
	margin-left: auto;
}

div.contactBox h1 { 
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #161712;
	border-top:1px solid #161712; 
}

div.contactBox label {
	width:100%;
	color: #FFF;
	display: block;
	background:#1C1C1C;
	border-top:1px solid #262626;
	border-bottom:1px solid #161712;
	padding:10px 0 10px 0;
}

div.multiLabel {
	width:100%;
	color: #FFF;
	display: block;
	background:#1C1C1C;
	border-top:1px solid #262626;
	border-bottom:1px solid #161712;
	padding:10px 0 10px 0;
}

div.medalAward {
	width: 80%;
	color: #FFF;
	display: block;
	background:#1C1C1C;
	border-top:1px solid #262626;
	border-bottom:1px solid #161712;
	padding-right: 10%;
	padding-left: 10%;
	text-align:center;
}

div.contactBox label span {
	display: block;
	color:#bbbbbb;
	font-size:12px;
	float:left;
	width:100px;
	text-align:right;
	padding:5px 20px 0 0;
}
div.contactBox .multiLabel span {
	display: block;
	color:#bbbbbb;
	font-size:12px;
	float:left;
	width:100px;
	text-align:right;
	padding:5px 20px 0 0;
}

.inputText {
	padding:10px 10px;
	width:200px;
	background:#262626;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	color: #FFF;
}

.inputTextMini {
	padding:10px 10px;
	width:100px;
	background:#262626;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	color: #FFF;
}

div.contactBox .message{
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 7px;
	width:350px;
	background:#262626;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	overflow:hidden;
	height:150px;
	color: #FFF;
}

div.contactBox #message{
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 7px;
	width:350px;
	background:#262626;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	overflow:hidden;
	height:150px;
	color: #FFF;
}

div.contactBox .button
{
	margin:0 0 10px 0;
	padding:4px 7px;
	background:#ff1a37;
	border:0px;
	position: relative;
	top:10px;
	left:382px;
	width:100px;
	border-bottom: 1px double #660000;
	border-top: 1px double #660000;
	border-left:1px double #FF0033;
	border-right:1px double #FF0033;
}
div #rightSettingsFeed{
	position:relative;
	top:25px;
	float:right;
	width:658px;
	height: 500px;
}
#welcomePanel{
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

div.userSettings {
	width:280px;
	float: left;
	background:#222222;
	position:relative;
	top:25px;
	border:1px solid #262626;
	margin-left: 10px;
}

div.userSettings h1 { 
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #161712;
	border-top:1px solid #161712; 
}

div.userSettings label {
	width:100%;
	color: #FFF;
	display: block;
	background:#1C1C1C;
	border-top:1px solid #262626;
	border-bottom:1px solid #161712;
	padding:10px 0 10px 0;
}

div.labelRow {
	width:96%;
	color: #BBB;
	display: block;
	background:#1C1C1C;
	border-top:1px solid #262626;
	border-bottom:1px solid #161712;
	padding:10px 0 10px 4%;
}

div.userSettings label span {
	display: block;
	color:#bbbbbb;
	font-size:12px;
	float:left;
	width:100px;
	text-align:right;
	padding:5px 20px 0 0;
}

div.buttonRow {
	width:94%;
	height: 40px;
	color: #BBB;
	display: block;
	text-align:right;
	background:#1C1C1C;
	border-top:1px solid #262626;
	border-bottom:1px solid #161712;
	padding-right: 6%;
}

div.userSettings .button
{
	margin:0 0 10px 0;
	padding:4px 7px;
	background:#ff1a37;
	border:0px;
	text-align:center;
	float:right;
	height: 40px;
	border-bottom: 1px double #660000;
	border-top: 1px double #660000;
	border-left:1px double #FF0033;
	border-right:1px double #FF0033;
}
.textArea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#FAQ {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ECFFCE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #999;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#AboutUs {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ECFFCE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #999;
	border-left-color: #999;
}
.Question {
}

.Answer {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}
.halfbanner {
	float: left;
	height: 60px;
	width: 234px;
	margin-right: 2px;
}
.halfbanner2 {
	float: right;
	height: 60px;
	width: 234px;
	margin-left: 2px;
}

.linkUnit{
	clear: both;
	width: 728px;
	height: 15px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
}

#loginWindow{
	width: 670px;
	height: 350px;
}

#loginWindow #loginLeft{
	width: 199px;
	height: 290px;
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#loginWindow #loginRight{
	width: 450px;
	height: 290px;
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://static.flowplayer.org/img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(http://static.flowplayer.org/img/overlay/close.png);
	position:absolute; 
	right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#custom {
	background-image:url(http://static.flowplayer.org/img/commerce/box-512.png);
	width:512px;
	height:531px;
	padding:0px;
}
	
	#custom div.close {
		right:-15px;
		top:-10px;
	}
	
	#petrol {
		background-image:url(http://static.flowplayer.org/img/overlay/petrol.png);
		color:#fff;
	}
	
	#apple {
		background-image: url(../images/apple775x445GREY.png);
		color:#fff;
		padding:50px 70px;
	}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://static.flowplayer.org/img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}
	#facebox {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:400px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	#facebox div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif
	}

	#facebox h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6D84B4;
		padding:5px 10px;
		border:1px solid #3B5998;
		font-size:20px;
	}

#loggedIn{
	color:#CCC;	
	float:left;
}

#loggedIn a:link{color:#FFF;}

.addthis_button{
	float:right;
	vertical-align: text-bottom;
}

/* first login - need more info table */
#f{
	width: 500px;
	margin: 25px auto 0 auto;
	border: 1px solid #333;
	padding: 10px;
	background-color: #FFF;
	margin-top: 25px;
}
#leftCol1{
	width: 229px;
	float:left;	
}
#rightCol1{
	width: 229px;
	float:right;	
}
.spacer{
	width:100%;
	float:left;
	height:10px;
	margin-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#checkBox{
	width:100%;
	float:left;
}
#triggers{
	float:left;
}

/*START:  College Roomie Rating Form */
#ratingForm {
	width:610px;
	height:965px;
	background-color:#FFF;
	border:1px solid #000;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
#ratingForm .labelField{
	width:89px;
	padding:10px 5px 5px 5px;
	border-right:1px dotted #000;
	height:30px;
	border-top:1px dotted #000;
	float:left;
	display:block;
}
#ratingForm .inputField{
	width:490px;
	padding:10px 5px 5px 5px;
	height:30px;
	border-top:1px dotted #000;
	float:left;
	display:block;
}
#ratingForm .labelFieldTall{
	width:89px;
	padding: 10px 5px 5px 5px;
	border-right:1px dotted #000;
	height:50px;
	border-top:1px dotted #000;
	float:left;
	display:block;
}
#ratingForm .inputFieldTall{
	width:490px;
	padding:10px 5px 5px 5px;
	height:50px;
	border-top:1px dotted #000;
	float:left;
	display:block;
}
#ratingForm #textArea{
	width:480px;
	height:120px;
	float: left;
	padding:10px;
	display:block;
	border-top:1px dotted #000;
}

#ratingForm #textArea_details{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:440px;
}
#ratingForm #textAreaLabel{
	width:89px;
	height:125px;
	padding:10px 5px 5px 5px;
	float:left;
	display:block;
	border-top:1px dotted #000;
	border-right:1px dotted #000;
}
#ratingForm  #choiceBox_State{
	width: 250px;	
}
#ratingForm  #choiceBox_School{
	width: 250px;	
}
/*END:  College Roomie Rating Form */
.subText{
	font-size:9px;	
}

/* START Rating Type Modal */
#ratingType {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:500px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid #666;
		background-image:url(../images/ratingType500x120.png);
		
		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	#ratingType div {
		padding:10px;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif
	}

	#ratingType h2 {
		margin:-10px;
		margin-bottom:10px;
		color:#000;
		padding:5px 10px;
		font-size:20px;
	}

#ratingModal{
	width:480px;
	height:100px;
	margin:0 auto 0 auto;	
	padding: 0 0 20px 0;
}
#ratingModal h2{
	text-align:center;
}
#ratingModal #college{
	width:205px;
	height:40px;
	padding:0 10px 0 10px;	
	float:left;	
}
#ratingModal #nonCollege{
	width:205px;
	height:40px;
	padding:0 10px 0 10px;	
	float:right;
}
/* END Rating Type Modal */

/* START Rating Table */
#ratingTable{	
}
#ratingTable h4{
	text-align:center;
	vertical-align:bottom;
	width:100%;
	margin:0 auto 0 auto;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	font-weight: normal;
}
#tableLabels{
	font-weight: bold;
	color: #FFF;
	height:18px;
	width:100%;
	float:left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	background-color: #333;
	text-align:left;
}
.evenRow{
	background-color: #c8ebf5;
	width:100%;
	float:left;
	height:18px;
}
.oddRow{
	background-color: #ecffce;
	width:100%;
	float:left;
	height:18px;
}
.column01{
	height:18px;
	width:18%;
	padding:0 1px 0 1px;
	float:left;
}
.column02{
	height:18px;
	width:18%;
	padding:0 1px 0 1px;
	float:left;
}
.column03{
	height:18px;
	width:18%;
	padding:0 1px 0 1px;
	float:left;
}
.column04{
	height:18px;
	width:18%;
	padding:0 1px 0 1px;
	float:left;
}
.column05{
	height:20px;
	width:18%;
	float:left;
}
#bottomRow{
	width:100%;
	background-color:#999;
	float:left;
	height:18px;
	text-align:center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #666;
}
/* END Rating Table */

.feedContainer1{
	width:617px;
	float:left;
	padding:10px;
}
#feedContainer2{
	width:800px;
	padding:10px auto 0 auto;
}
#rightAdColumn{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	margin-top:10px;
	padding:30px 10px 10px 10px;
	width:301px;
	float:left;
}
.frontAd{
	padding:0 0 25px 0;
	width:300px;
	height:250px;
}

/* START: SearchRoomies.php and SearchResults.php Specific styling */
#searchArea{
	width:960px;
	height:90px;
}
#searchForm{
	width:280px;
	height:90px;
	border-width:0 1px 0 1px;
	border-style:dotted;
	border-color:#ccc;
	float:left;
}
#search_leftAd{
	width:240px;
	height:75px;
	padding:15px 49px 0 49px;
	float:left;
}
#search_rightAd{
	width:240px;
	height:75px;
	padding:15px 49px 0 49px;
	float:left;
}
#searchForm #searchText{
	width:250px;
	display:block;
	margin:25px auto 10px auto;
}
#searchForm #submitSearch{
	display:block;
	margin:auto;
}
#feedContainer2{
	margin:0 auto 0 auto;
}
#advanceSearch{
	width:375px;
	height:50px;
	margin:25px auto 0 auto;
}
/* END: SearchRoomies.php Specific styling */

/* START RoomieStories.php Specific styling */
#storyFeedArea{
	border:1px dotted #000;
	width:668px;
	margin:25px auto 0 auto;
}
#topMessage{
	width:668px;
	height:115px;
	background-color:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	margin:25px auto 0 auto;
	padding:20px 0 0 0;
	text-align:center;
}
#topMessage h4{
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	font-weight: normal;
	padding:0;
	margin:0;
}
#pageDescription{
	width:648px;
	height:50px;
	background-color:#fff;
	border:1px solid #000;
	padding:10px;
	margin:0 auto 0 auto;
}
#readStory{
	text-align:left;
	width:98%;
	padding:1% 1% 1% 1%;
}
#storyPreview{
	width:98%;
	padding:1% 1% 1% 1%;
}
.storyPreviewOdd{
	background-color:#c8ebf5;
}
.storyPreviewEven{
	background:#ecffce;
}
/* END RoomieStories.php Specific styling */