/*----------------------------------------------------------------------------*/
/* Rounded containers                                                         */
/*----------------------------------------------------------------------------*/

.hdr
{
  margin: 0px;
  padding: 4px 20px; font-size:80%;
  background-color: #e8effb;
  border: 0px solid #e8effb;
  font-weight: bold;
  color: #1f1f1f;
  text-align: center;
}

.ftr
{
  margin: 0px 0px 10px 0px;
  padding: 4px 20px; 
  font-size: 80%;
  background-color: #fff;
  border: 1px solid #e8effb;
}

.largequote
{
  margin: 0px;
  padding: 20px 30px 0px 30px; 
  font-size: 80%;
  background-color: #fff;
  border: 5px solid #e8effb;
}

/*----------------------------------------------------------------------------*/
/* Padding / alignment                                                        */
/*----------------------------------------------------------------------------*/

.pad5
{ 
  padding: 5px;
}

.pad10
{ 
  padding: 10px;
}

.pad20
{ 
  padding: 20px;
}

.pad30
{ 
  padding: 30px;
}

.pad40
{ 
  padding: 40px;
}

.pad50
{ 
  padding: 50px;
}

/*----------------------------------------------------------------------------*/
/* Typography                                                                 */
/*----------------------------------------------------------------------------*/

/* Formatting */

.center
{ 
  text-align: center;
}

.left
{ 
  text-align: left;
}

.right
{ 
  text-align: right;
}

.floatright
{ 
  float: right;
}

.floatleft
{ 
  float: left;
}

.serif
{ 
  font-family: Cambria,Georgia,Palatino,Palatino Linotype,"Myriad Pro",Serif;
}

.italic
{ 
  font-style: italic;
}

.bold
{ 
  font-weight: 600;
}

/* Paragraph (.small defined in Blueprint) */

.large
{
  line-height: 1.5;
  font-size: 1.5em;
}

.medium
{
	line-height: 1.5;
	font-size: 1.3em;
}

.small
{
  line-height: 1.5em;
}

.justify
{ 
  text-align: justify;
}

/* Colors */

.grey
{
	color: #686c70;
}

.fill
{
  background-color: #e8effb;
}

.fillgray
{
  background-color: #dedede;
}

.fillgray2
{
  background-color: #f4f4f4;
}

.fillgray3
{
  background-color: #e4e4e4;
}

.fillwhite
{
  background-color: #fff;
}

.fillblue
{
  background-color: #6b7b95;
}

.fillred
{
  background-color: #c17878;
}

.fillyellow
{
  background-color: #eeee88; 
}

.fillorange
{
  background-color: orange;
}

.fillcharcoal
{
  background-color: #1f1f1f;
}

.fillgreen
{
  background-color: #78ba91;
}

.fillpurple
{
  background-color: #a87aad;
}

.outline
{
  border: 1px solid #e8effb;
}

.outlinewhite
{
  border: 1px solid #fff;
}

.outlineblue
{
  border: 1px solid #6b7b95;
}

.outlinered
{
  border: 1px solid #c17878;
}

.outlineorange
{
  border: 1px solid orange;
}

.outlinecharcoal
{
  border: 1px solid #1f1f1f;
}

.outlinegreen
{
  border: 1px solid #78ba91;
}

.outlinepurple
{
  border: 1px solid #a87aad;
}

.outlinebold
{
  border: 2px solid #e8effb;
}

.outlinebluebold
{
  border: 2px solid #6b7b95;
}

.outlineredbold
{
  border: 2px solid #c17878;
}

.outlineorangebold
{
  border: 2px solid orange;
}

.outlinecharcoalbold
{
  border: 2px solid #1f1f1f;
}

.outlinegreenbold
{
  border: 2px solid #78ba91;
}

.outlinepurplebold
{
  border: 2px solid #a87aad;
}

.white
{
  color: #fff;
}

.blue
{
  color: #6b7b95;
  color: cornflowerblue;
}

.red
{
  color: #c17878;
}

.orange
{
  color: orange;
}

.charcoal
{
  color: #1f1f1f;
}

.green
{
  color: #78ba91;
}

.purple
{
  color: #a87aad;
}

/*----------------------------------------------------------------------------*/
/* Core HTML Elements                                                         */
/*----------------------------------------------------------------------------*/

table 
{
  margin-bottom: 2em;
}

td, th
{
  padding-left: 1em;
  padding-right: 1em;
}

td
{
  /*
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #f4f5f5;
  */
  vertical-align: top; 
}

th
{
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #d4d4d4;
  padding-top: 0.6em;
  color: #333;
  background: #eee url(images/gradient-bottom.png) bottom left repeat-x;
  white-space: nowrap;
}

td tt
{
  white-space: nowrap;
}

.nowrap
{
  white-space: nowrap;
}

tr.last td
{
  border-bottom: none;
}

th.name
{
  width: 30%;
}

th.size, td.size
{
  padding-right: 1em;
  text-align: right;
}

td.name {
	font-weight: bold;
	width: 1%;
	white-space: nowrap;
}

td.check {
	width: 1%;
	text-align: center;
}

tr.check, tr.radio {
	cursor: pointer;
	background: #f4f5f5 url(images/gradient-invert.png) bottom left repeat-x;
}

hr.space {
  background: #fafafa none repeat scroll 0 0;
  color: #fafafa;
}

/*----------------------------------------------------------------------------*/
/* Forms                                                                      */
/*----------------------------------------------------------------------------*/

/* Next three selector used for form generation in site/rsp/ui/form
   layout())*/

.label, .textinput, .password, .listbox
{ 
  margin: 0.5em 0;
  vertical-align: middle;
  width: 0;
  font-weight: bold;
  text-align: left;
}

.button
{ 
  text-align: right;
}

.text
{ 
  margin: 0.5em 0;
  padding-top: .5em;
  vertical-align: top;
  width: 0;
  font-weight: bold;
}

input[type="text"], input[type="password"], 
input.text, input.title, textarea, select 
{
  margin: 0.5em 0;
  padding: 2px 5px;
  width: 95%;
}

button, input[type="reset"], input[type="button"], input[type="submit"] 
{
  padding:3px 5px;
}

textarea
{
  width: 95%;
}

body .colborder
{
  border-color: #ddd;
}

body hr
{
  background-color: #fff;
}

div.input {
	overflow: hidden;
	height: 10px;
	width: 10px;
	border-width: 2px;
	border-style: solid;
}

.form table 
{ 
  padding: 2em;
  border: 0px solid #DDDDDD;
  border-collapse:separate;
  border-spacing:0;
  background-color: #dedede;
}

.form td
{
  vertical-align: middle;
  border-bottom: 0px solid #DDDDDD;
  border-top: 0px solid #F4F5F5;
}

.form fieldset
{
  background-color: #eee;
}

.noborder td
{
  text-align: left;
  border-bottom: 0px solid #DDDDDD;
  border-top: 0px solid #F4F5F5;
}

tr.radio div.input {
	-webkit-border-radius: 7px;
}

tr.check div.input {
	-webkit-border-radius: 2px;
}

input[type=radio], input[type=checkbox] {
	height: 8px;
	width: 8px;
}

/* @end */

p.submit {
	padding: 1em 0 0 0;
	margin: 0;
	text-align: center;
}

div.description {
	margin-bottom: 2em;
}

div.description p {
	margin-bottom: 0.5em;
}

/* @end */

.new {
	font-size: 25px;
	color: #E01600;
	padding-bottom: 0;
	margin-bottom: 0;
}

.newsmall {
	font-size: 10px;
	color: #888;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}