h1
{
	margin-top:4px; margin-bottom: 4px;
	font-size: 36px;
	color: #555;
}
h2
{
	margin-top:4px; margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
}
h3
{
	font-size: 14px;
	font-weight: bold;
}
p
{
	margin-bottom: 15px;
}
ul
{
	margin-bottom: 15px;
}
li
{
	margin-left: 10px;
	list-style: square inside;
}
strong
{
	font-weight: bold;
}

a, span.a
{
	color: #069;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
span.bold{
    font-weight: bold;
}
a:hover, span.a:hover
{
	color: #036;
}
div.floater
{
	float: left;
	clear: none;
}
div.hide
{
    display: none;
}
div.disabled
{
    opacity:0.4;
    filter:alpha(opacity=40)
}
div.form
{
	clear: right;
	float: left;
	text-align: left;
}
div.form_section
{
	margin-bottom: 20px;
	width: 700px;
	float: left;
	clear: none;
	margin: 10px;
}
div.wide
{
	width: 800px;
}
div.validationSummary ul
{
	border: 1px solid red;
	background-color: #eee;
	padding: 5px;
}

div.form_section h4
{
	border-bottom: 1px solid #000;
	color: #000;
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 10px;
	width:500px;
}
div.form_section th
{
	padding: 4px;
	font-weight: bold;color:#888;
	text-align: right;
}
div.form_section td
{
	padding: 2px;
	padding-left: 6px;
	text-align: left;
}
textarea
{
	font-family: Arial;
	font-size: 12px;
}
input 
{
	padding: 2px;
}
#answerList input
{
	padding: 0px;
}
input.active_text, textarea.active_text
{
	border: 1px solid lightsteelblue;
	color: #888;
	overflow: hidden;
}
input.active_text_hl
{
	color: Black;
	border: 1px solid #777;
}

input.checkbox, table.checkbox input, input.radiobutton, span.radio input, .checkbox input, .checkbox label
{
	border: none;
	padding: 2px;
}
table.checkbox td{
    padding: 3px;
}

input.big_button
{
	font-size: 1.4em;
	padding: 10px;
}

a.button
{
    background: url('../images/buttons/buttonbg_right.jpg') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;	
}

a.button img
{
	vertical-align: middle;
	padding-right: 5px;
}

a.button span
{
    background: url('../images/buttons/buttonbg.jpg') no-repeat;
    display: block;
    line-height: 16px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

div.report_display
{
	width: 510px;
	float: left;
	clear: left;
}
div.report_filter
{
	width: 200px;
	float: left;
	clear: right;
	margin-right: 5px;
	padding-left: 20px;
}
div.report_filter h4
{
	border-bottom: 1px solid #000;
	color: #000;
	font-weight: bold;
	margin-bottom: 3px;
}
div.report_filter th
{
	padding: 4px;
	font-weight: bold;color:#888;
}
div.report_filter td
{
	padding: 4px;
}

.label 
{
    float:left;
    margin-right:.5em; 
    width:12.01em;
    font-family:Verdana;
    text-align:right;
}
.label_age_report 
{
    float:left;
    margin-right:.5em; 
    width:7em;
    font-family:Verdana;
    text-align:right;
}
.question
{
    margin-top:.25em; 
}

div.time_selector
{
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
}
div.time_selector td
{
	padding: 5px;
	font-size: 11px;
	color: #888;	
	cursor: pointer;
}

/* YUI Skinning */

.yui-skin-sam .yui-navset .yui-content {
    background:#fff; /* content background color */
    min-height: 300px;
}

table.builder_table
{
	padding: 4px;
}

table.builder_table td
{
	border-bottom: 1px solid #ccc;
	padding: 4px;
}

table.builder_table th
{
	font-weight: bold;
	color: White;
	background: #888;
	padding: 4px;
	text-align: left;
	width: 0px;
}
table.builder_table th a
{
	color: #fff;
}
table.builder_table th a:hover
{
	color: blue;
}

/* Drag and drop styles */
table.dragtable { 
    position: relative;
}

table.dragtable tr.draggable {
    margin: 1px;
    cursor: move; 
}
table.dragtable_alt { 
    position: relative;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

table.dragtable_alt tr {
    margin: 1px;
    cursor: move; 
    background-color: #f7f7f7;
}

table.dragtable th.question, table.dragtable_alt th.question
{
	width: 400px;
}
table.dragtable th.question_type, table.dragtable_alt th.question_type
{
	width: 170px;
}
table.dragtable th.action, table.dragtable_alt th.action
{
	width: 50px;
}

table.grid th
{
	text-align: left;
	border: 0;
	border-bottom: 1px solid #ccc;	
	background-color: #eee;
	padding: 4px;
}

table.grid
{
	border: none;
}
table.grid td
{
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 4px;
}


div.dashbox
{
	background: #fafafa;
	border: 1px solid #ccc;
	width: 215px;
	min-height: 120px;
	float: left;
	clear: none;
	margin: 5px;
	padding: 7px;
}
div.dashbox h3
{
	margin-bottom: 5px;
	text-decoration: underline;
}

table.whats_new
{
    width: 100%;
}

table.whats_new td
{
	padding: 2px;
}

.altrow
{
    background: #eee;
}


/* Calendar styles */

.picker
{
  border: 1px solid #ccc;
  font-weight: bold;
  display: inline;
  font-size: 12px;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}

div.clr
{
	clear:both;
}

.clr:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clr {
	display: block;
}
 
* html .clr {
	height: 1%;
}


/* Report styles */

.report_export
{
	float: right;
	color: #666;
	font-size: 0.9em;
	clear: both;
}


/* Report filter styling */
div.report_builder
{
	background: #fafafa;
	border: 1px solid #ccc;
	width: 800px;
}
div.email_filter div.report_builder
{
    width: 640px;
}
div.email_filter div.ces_filter
{
    width: 400px;
}
div.report_builder_title
{
	border-bottom: 1px solid #ccc;
	background: #ddd;
	font-weight: bold;
	width: 100%;
}
div.report_builder_title div.floater
{
	padding: 3px;
}
div.report_builder_title #divLookingFor
{
	color: #777;
}
div.report_filters
{
	float: left;
	clear: none;
	width: 100%;
}
div.report_filters div.filter
{
	margin-bottom: 3px;
}
div.report_filters div.floater
{
	margin: 5px 3px 3px 5px;
}
div.ces_filter
{
	width: 560px;
}
div.date_filter
{
	text-align: right;
	float: right;
}
div.date_filter td
{
	text-align: right;
	color: #666;
	padding-right: 2px;
}
span.picked
{
	font-size:0.9em;
	color:#aaa;
}
div.multi_selector
{
	position: absolute;
	padding: 4px;
	background: #fafafa;
	border: 1px solid #ccc;
	max-width: 400px;
}
div.multi_selector div.scroller
{
	max-height: 250px;
	overflow-y: scroll;
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
}

div.multi_selector .radio label
{
	color: #555;
	font-size: 0.9em;
}
div.multi_selector span.radio
{
	padding: 3px;
}

div.multi_selector table
{
	width: 100%;
}

div.multi_selector tr:hover
{
	background: #eee;
}

div.multi_selector td
{
	padding: 3px;	
	white-space: nowrap;
}

div.multi_selector label, div.multi_selector input
{
	padding: 5px;
	cursor: pointer;
}

div.multi_selector div.button
{
	margin: 0px auto;
	width: 100px;
	text-align: center;
	padding: 5px 0px;
}

div.multi_selector div.button a
{
	background: #eee;
	border: 1px solid #ccc;
	padding: 2px 8px;
}

.fine_print
{
	font-size: 11px;
	color: #666;
}

span.notification_message
{
	display: block;
	margin: 5px;
	padding: 5px;
	background: #FFEAEA;
	border: 1px solid #ff3333;
	color: #ff0000;
}

span.loading
{
    border: 1px solid #ccc;
    background: url(../images/loading_small.gif) no-repeat left #eee;
    background-position: 2px 2px;
    padding: 3px 3px 3px 22px;
    color: #333;
}

.hide{ display:none;}


div.form_section table.billing_summary th
{
    text-align:left;
}

div.form_section td.amount_cell
{
	white-space: nowrap;
	text-align: right;
}

div.form_section td.amount_total_cell
{
	white-space: nowrap;
	font-weight:bold;
	border-top:solid 1px;
	text-align: right;
}


div.form_section table.previous_payments th
{
    text-align:left;
}

input.savetemplate
{
vertical-align:middle;
}

span.cbl{
    padding: 3px;
}

table.cbl td{
    padding: 3px;
}
table.cbl label, span.cbl label{
    margin-left: 3px;
}

div.modal{
    border: 1px solid #ccc;
    background: #eee;
    padding: 5px;
    margin: 5px;
    position: absolute;
}
div.modal td{
    background: #fff;
    border: 1px solid #ddd;
    font-size: 10px;
}
a.next_to_linkbutton{
    display: inline-block;
    padding-top: 5px;
}

.error
{
    margin: 4px;
    padding: 4px;
    border: 1px solid red;
    color: Red;
    font-weight: bold;
    display:block;    
}
div.toolbar
{
}
div.toolbar ul
{
	padding: 0px; margin: 0px;
	float: left;
	list-style: none;
}

div.toolbar li
{
	margin: 0px;
	display: block;
	padding: 2px 5px 0px 5px;
	float: left;
	background: #eee;
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-right: 5px;
}
div.toolbar li:hover
{
	background: #ccc;
}

div.toolbar li img
{
	padding: 3px;
	border: none;
	vertical-align: middle;
}