@import url(reset.css);
@import url(colorvisualization.css);
@import url(typographyvisualization.css);

/*
	Layout gets anything dealing with the "layout" of the page. So, this means that width, height, floats,
	positioning, margins, padding, display, and even (maybe you disagree about these) list-styles,
	borders.
*/

body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.bulletedlist li
{
	padding: 0 0 0 20px;
}

.buttons 
{
	text-align: center;
	padding: 10px 0;
	clear: both;
}

#container
{
	/*width: 1000px;*/
	text-align: left;
	position: relative;
	margin: 0 auto;
	overflow: auto;
}

#content
{
	width: 98%;
	padding: 5px 5px 5px 5px;
	/*min-height: 600px;*/
	vertical-align: top;
	float: left;
	overflow: auto;
}

#content h2
{
	text-align:center;
	margin-bottom: 8px;
}

#content h3
{
	text-align:center;
	margin-bottom: 8px;
}

#content h5 
{
	margin-bottom: 10px;
}

#content table, #content td
{
	vertical-align: middle;
}

#content td
{
	padding: 2px 2px 2px 2px;
}

#content .availabilitycell
{
	width:25px;
}

#content .centered, #content .centered table, #content .centered th, #content .centered tr, #content .centered td
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#content .datatable th, #content .datatable td
{
	vertical-align: middle;
	padding: 1px 2px 1px 2px;
	text-align: center;
}

#content img
{
	padding: 0 2px 0 2px;
}

.date 
{
	width: 250px !important;
}

.date label 
{
	margin-bottom: 5px;
	float: none !important;
}

.disabledcalendarcell, .disabledcalendarcell a
{
	cursor: default;
}

fieldset
{
	border-style: solid;
	border-width: 1px;
	clear: both;
	padding: 5px;
	margin: 8px 0;
}

fieldset.item 
{
	border-width: 0 0 1px 0;
	padding: 5px 0;
}

fieldset.item legend 
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	padding: 0;
}

fieldset p 
{
	padding: 1px;
	margin-bottom: 5px;
}

fieldset h4, fieldset ul 
{
	margin-bottom: 5px;
}

fieldset ul 
{
	padding-left: 10px;
}

fieldset hr 
{
	border-width: 1px;
	border-style: solid;
	margin: 8px auto;
	width: 50%;
}

.innerfieldset legend
{
	font-size: 13px !important;
}

.field 
{
	float: left;
	/*width: 270px;*/
	margin-right: 10px;
	padding: 8px 5px;
}

.field.large 
{
	clear: both;
}

.field label 
{
	display: block;
	float: left;
	margin-right: 5px;
}

.field textarea 
{
	width: 560px;
}

.field input[type="text"], .field textarea, .field select
{
	border-width: 1px;
	border-style: solid;
	border-color: #969696;
}

.form 
{
	width: 600px;
	margin: 0 auto;
}

label.large 
{
	float: none !important;
}

#content .borderedcell, #content .borderedrow, #content .borderedrow td, #content .borderedtable tr, #content .borderedtable td  
{
	border-style: solid !important;
	border-width: 1px !important;
	border-collapse: collapse;
}

.right 
{
	text-align: right;
}

.price
{
	padding: 3px;
	margin-bottom: 2px;
}